Seperti pada postingan aslinya di http://www.maskolis.com saya juga kebingungan membuat judul dari tutorial blogger ini. Saya putuskan untuk mengambil judul Membuat Widget yang Berisi Postingan Label Tertentu. Biar ngerti ane tampilin screen shoot nya deh di blog saya satu http://blackberry-custom.blogspot.com :
Nah sudah jelas kan maksud nya membuat widget dengan postingan berdasarkan label, sekarang kita bahas cara pembuatanya (kayak bikin kue yah hehe)
- Login ke blogger terus masuk ke menu Template, biasakan sebelum otak-atik template agan backup dulu ya. Kemudian masuk ke menu Edit HTML dan masukan kode berikut diatas kode ]]></b:skin>
img.label_thumb{float:left;border:1px solid #8f8f8f;background:#D2D0D0;margin-right:10px;height:60px;width:60px;padding:2px} img.label_thumb:hover{background:#f7f6f6} .label_with_thumbs{float:left;width:100%;min-height:70px;margin:0 5px 2px 0} ul.label_with_thumbs li{min-height:65px;margin:2px 0;padding:4px 0}
Perhatikan yang saya warnain merah, itu adalah lebar thumbnail/besar gambar yang akan muncul, silahkan ubah sesuai selera.
- Selanjutnya masukan kode di bawah ini di atas kode </head>
Copy kode berikut :
Jika kode di atas kepanjangan silahkan kode script berikut sebagai pengganti kode diatas:
<script src='http://yourjavascript.com/425111422721/label.js' type='text/javascript'/>
- Kemudian Save Template
- Selanjutnya kita membuat widget, masuk ke menu Layout pilih Add Gadget pilih HTML Java Script. Masukan kode berikut di dalamnya:
Copy kode berikut :
- Warna biru : adalah label atau kategori/label yang ditampikan, agan bisa menggantinya sesuai dengan label agan. Yang perlu diperhatikan, tulisan label diatas harus sama persis dengan label yang ada di blog agan
- Warna merah : Ganti URL dengan URL blog anda.
0 komentar
Posting Komentar