Berikut ini Bangiz mau berbagi cara untuk mempercantik tampilan blog Anda, Sesuai judul di atas yaitu Widget Artikel Berdasarkan Label. Tutorial blogging sebelumnya Bangiz pernah membahas tentang Membuat Random Post hanya Thumbnail dan juga Membuat Recent Post hanya Thumbnail, kalau mau tahu tutorialnya silahkan klik saja linknya. Widget Recent Post berdasarkan kategori atau label ini cocok untuk ditampilkan di sidebar, footer, bawah postingan, atau di homepage apabila Anda menggunakan template News. Untuk contohnya silahkan lihat gambar di bawah ini.

recent post kategori
Recent post kategori
Apabila Anda tertarik untuk menggunakannya, langsung ikuti saja tutorialnya berikut ini:

1. Silahkan masuk ke Dasbor Blogger.

2. Pilih Tata Letak > Tambahkan Gadget > Cari HTML/Javascript.

3. Copy-paste kode berikut pada kolom konten yang tersedia, jangan lupa beri judul widgetnya.
<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 = 6;var showpostthumbnails = true;var displaymore = true;var displayseparator = true;var showcommentnum = true;var showpostdate = true;var showpostsummary = true;var numchars = 100;
</script><script src="http://bangiz.blogspot.com/feeds/posts/default/-/Widget?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs">
</script> 
Sumber kode: id-pemula.blogspot.com 

4. Klik Simpan dan lihat hasilnya di blog Anda.

Keterangan kode pada nomor 3:
  • Angka 12 adalah ukuran font untuk judul postingan.
  • Angka 6 merupakan jumlah postingan yang ditampilkan.
  • Angka 100 adalah jumlah karekter huruf pada deskripsi postingan.
  • Bangiz.blogspot.com adalah link tujuan, silahkan ganti dengan url blog Anda.
  • Widget, silahkan ganti dengan label atau kategori yang akan ditampilkan. Apabila labelnya memiliki 2 kata maka ganti spasinya dengan kode %20
Untuk pengaturan lainnya silahkan sesuikan dengan keinginan Anda. Itulah cara membuat widget recent post atau widget untuk menampilkan postingan berdasarkan kategori. 
Loading...

 
Top