Salam Blogger, apakah sobat blogger tahu apa itu thumbnail, thumbnail adalah screeshoot atau gambar yang mewakili isi dari suatu artikel. Sobat blogger, trik blogger kali ini memang mudah untuk diikuti apalagi saya membuat tutorial ini lengkap dengan screenshoot dan gambarnya. Thumbnail ini juga memiliki banyak fungsi selain untuk mewakili suatu artikel juga dapat memberi kesan bahwa blog anda itu praktis dan simple, karena para pecinta internet menginginkan suatu situs yang simple.
Berikut langkah-langkah membuat thumbnail label :
- Login ke account blogger sobat
- Klik menu template
- Lalu pilih Edit html
- kemudian sobat cari kode ]]></b:skin>
img.label_thumb{float:left; padding:5px; border:1px solid #8f8f8f; background:#D2D0D0; margin-right:10px; height:50px; width:50px}img.label_thumb:hover{background:#f7f6f6}.label_with_thumbs{float:left; width:95%; min-height:70px; margin:0px 10px 2px 0px; adding:0}ul.label_with_thumbs li{padding:8px 0; min-height:65px; margin-bottom:10px}.label_with_thumbs a{}.label_with_thumbs strong{}
6. kemudian simpan template
Selanjutnya sobat pasang kode htmlnya di dalam widget :
- Pilih menu tata letak
- kemudian tambahkan gadget
- lalu pilih gadget html/javascript
<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 80;</script><script type="text/javascript" src="/feeds/posts/default/-/NAMA LABEL KAMU DISINI?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
5. lalu simpan
Keterangan :
- Tulisan yang berwarna Merah Ukuran Widget Labelnya yang bisa anda ganti sesuai dengan keiginan anda.
- Tulisan yang berwarna Biru Nama Label sesuai dengan Label di blog anda
Selamat mencoba dan semoga bermanfaat
0 komentar:
Posting Komentar