Cara mudah buat post label dengan thumbnail

Advertisement
Sudut Hukum | cara mudah  buat post label dengan thumbnail
ketika anda mambaca di blog-blog bagus, mungkin anda tertarik melihat halaman posting di homepage, dimana halaman dipenuhi oleh label-label tertentu, sehingga pembaca tidak kesulitan mencari artikel yang diinginkan.
jika sobat blogger tertarik dengan widget yang seperti itu, berikut sudut hukum memberikan sedikit ilmu tentang ini. blog ini juga menggunakan widget seperti itu,,, coba lihat di halaman bawah blog ini (footer).  namun hanya 3 label saja, hal ini untuk menyesuaikan dengan tampilan blog sudut hukum.

http://s-hukum.blogspot.com/2014/03/cara-mudah-buat-post-label-dengan.html



berikut ini adalah langkah-langkah untuk membuat posting label dengan thumnail"

>>Klik tab Rancangan/Design. 
>>Jika masih dalam posisi tab Elemen Laman, silahkan klik terlebih dahulu tab >>menu Elemen Laman. 
>>Klik Tambah Gadget untuk menambahkan gadget baru. 
>>Setelah muncul jendela baru, klik tanda plus untuk HTML/JavaScript  

>>Copy script dibawah ini, lalu paste pada kolom yang tersedia.

__________________________________________________________

<style>

img.recent_thumb {padding:1px;width:55px;height:55px;border:0; float:left;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: right;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;} </style><script src="http://id-pemula-javascript.googlecode.com/files/recent-post-label-thumbnail.js">
</script><script>
var numposts = 3;var showpostthumbnails = true;var displaymore = true;var displayseparator = true;var showcommentnum = true;var showpostdate = true;var showpostsummary = true;var numchars = 150;
</script><script src="http://s-hukum.blogspot.com/feeds/posts/default/-/hukum?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs">
</script>
___________________________________________________________
Not:
  • ganti http://s-hukum.blogspot.com/ dengan URL blog anda
  • ganti hukum  dengan label yang anda ingin tampilkan.

>>Klik tombol SIMPAN
>>Langkah kedua Selesai.
Ads