Pages

Sunday, November 18, 2012

MENGHIAS BLOG



Di sini ada beberapa cara untuk menghias atau menambah gadget blog anda. Semoga bermanfaat, selamat mencoba, AYO SEMANGAT!

  1. Mengganti Templates
a.       Buka www.btemplates.com
b.      Download templates sesuai pilihan. Biasanya file berupa .rar, jadi ekstract dahulu file tersebut
c.       Buka Blogger, Pilih Templates, Edit HTML (Cadangkan/pulihkan)
d.      Pilih Browse dan cari hasil download tadi, pilih yang ekstensinya xml
e.       Simpan

  1. Menambah Music dan Animasi
a.       Buka www.widgetindex.blogspot.com
b.      Pilih Music atau Animasi sesuai keinginan, copy script yang anda pilih
c.       Buka Blogger, pilih Tata Letak, Tambah Gadget, HTML
d.      Paste Script tersebut, Simpan

  1. Menambah Bahasa (Google Translate)
a.       Buka Blogger, pilih Tata Letak, Tambah Gadget, HTML
b.      Copy Script berikut :
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'id'
  }, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

  1. Menambah Burung Akun Twitter
a.       Buka Blogger, pilih Tata Letak, Tambah Gadget, HTML
b.      Copy Script berikut :
javascript" src="https://sites.google.com/site/exeloph/file/Twitterbang.js"></script>
    <script type="text/javascript">
    var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi31-WcXol7ykDcc_DuKisve6rFz5BqxWN_iBOqMjuDgN8WioXAZSihZKz1CWrmVd0C6fxYZqi5I0ndk60kRSlNSD56Hs98vGk3parrAGCR30fJms8cozfK918i9-TyA2F7VIg9GI6gEDY/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/arintsay";var tweetThisText = "Twitter - @arintsay http://arintsay.blogspot.com/";tripleflapInit();</script>

pada script yang digaris bawah, ganti dengan alamat twitter anda


  1. Menambah SMS Gratis
a.       Buka Blogger, pilih Tata Letak, Tambah Gadget, HTML
b.      Copy Script berikut :

<iframe name="widgetsms" src="http://www.sms-online.web.id/widget" style="border:0" scrolling="no" width="270" height="350"> not support </iframe>

  1. Mengganti Kursor
a.       Buka Blogger, pilih Tata Letak, Tambah Gadget, HTML
b.      Copy Script berikut :
<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFFRAO4WZOBiwxGGlaIiJBHhSarbukEHkyt9hsd4Gj3_OF2beLl7O4fiTo3ohmduv74-h9FDCoaOq4wOoMX7pXPMcZ2qwXvCaWHPF0v3XE6TKJ9rWrNjRpmqz9F2naXdKlh4Q8CxsjxCuH/s1600/jasablogsitus-web-id.gif"), auto;}
body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFFRAO4WZOBiwxGGlaIiJBHhSarbukEHkyt9hsd4Gj3_OF2beLl7O4fiTo3ohmduv74-h9FDCoaOq4wOoMX7pXPMcZ2qwXvCaWHPF0v3XE6TKJ9rWrNjRpmqz9F2naXdKlh4Q8CxsjxCuH/s1600/jasablogsitus-web-id.gif"), auto;}
</style>

  1. Menambah Kotak Alert
a.       Buka Blogger. Klik Design -> Edit HTML
b.      Cari kode <head> lalu letakkan script berikut dibawahnya
<script language='JavaScript'>alert(&quot;Welcome To My Blog&quot;);</script>

c.       Kalau masih bingung, letakkan saja scriptnya diantara <head> dan <b:skin>
d.      Teks yang bergaris bawah diatas merupakan teks yang akan muncul dalam kotak alert. Silahkan ganti dengan teks yang ingin anda sampaikan.
e.       Kalau sudah, klik Save Template.

  1. Mengganti Icon Blog dengan Foto Sendiri
a.       Pilih gambar / Foto yang akan anda masukkan dengan ukuran 24x24 – 32x32 pixel
b.       Silakan upload gambarnya diphotobucket.com,
c.        Setelah login silakan upload gambarnya di menu Upload File & Video dengan pilih tombol choose file
d.       Setelah selesai upload akan muncul gambar anda dan ambil kode URL gambar anda seperti contoh kode URL image
http://i383.photobucket.com/albums/oo276/0512_photo/enny-1.jpg
e.       Untuk memasukkan ke blog anda silakan kembali ke Dasboard blogger anda,silakan ke menu Layout->Edit HTML->jangan lupa klik Expand Widget kemudian temukan kode berikut
</head>
f.         Setelah itu letakkan kode dibawah ini sebelum kode diatas
<link href='http://i383.photobucket.com/albums/oo276/0512_photo/enny-1.jpg' rel='SHORTCUT ICON'/>
g.       silakan ganti kode yang berwarna merah dengan URL gambar yang anda dapatkan di photobucket.com tadi
h.       Kemudian Save Setting,,Selesai,,