Cara Membuat Widget Posting Berdasarkan Kategori di Blog ( Recent Posts by Label) - Halo sobat pembaca, pada artikel kali ini, saya ingin berbagi tutorial mengenai cara membuat widget posting blog berdasarkan label atau yang biasa disebut recent posts by label.
Gambar diatas adalah contoh dari widget recent posts by label. Widget recent posts by label ini cukup bermanfaat bagi blog sobat. Kenapa bermanfaat? Karena dengan memasang widget ini pada blog sobat, blog sobat dapat memilki navigasi yang mudah dan akan membuat pengunjung tidak susah untuk mencari artikel lainnya di blog sobat.
Sebenarnya, widget recent posts by label hampir sama dengan widget random post. Bedanya, widget ini menampilkan postingan sobat sesuai kategorinya. Selain itu, widget ini juga akan membuat blog sobat semakin rapih dan terlihat professional.
Bagi sobat yang sudah tidak sabar untuk mengetahui cara memasang widget recent posts by label ini, silahkan disimak tutorial dibawah :
Cara Memasang Widget Recent Posts by Label
Langkah 1 - Masuk ke Blogger.
Langkah 2 - Masuk ke tab Template, lalu klik Edit HTML
Langkah 3 - Cari kode ]]></b:skin> Lalu paste kode dibawah ini tepat diatas kode ]]></b:skin>
img.label_thumb{ float:left; padding:5px; border:1px solid #8f8f8f; background:#D2D0D0; margin-right:10px; height:55px; width:55px; } img.label_thumb:hover{ background:#f7f6f6; } .label_with_thumbs { float: left; width: 100%; 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 {}
Langkah 4 - Setelah itu, cari kode
</head> lalu letakkan kode dibawah ini tepat diatas kode
</head>
<script src='https://googledrive.com/host/0B-_Nzr_n_1rdWFhJV09aYk1hUkU/menurut-ku.js' type='text/javascript'></script>
Langkah 5 - Klik Save Template.
Setelah melakukan tutorial diatas, widget tidak akan muncul. Untuk memunculkannya, silahkan disimak tutorial berikut :
Langkah 1 - Masuk ke Blogger.
Langkah 2 - Masuk ke tata letak lalu klik Add Gadget.
Langkah 3 - Setelah itu, pilih HTML/JavaScript.
Langkah 4 - Masukkan kode dibawah ini di kolom HTML/JavaScript
<div style="overflow:hidden; width:100%px; height:auto; padding:10px; border:1px dotted #ddd; background-color:#fff"><script type='text/javascript'>var numposts = 4;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 50;</script><script type="text/javascript" src="http://www.menurut-ku.com/feeds/posts/default/-/AdSense?orderby=updated&alt=json-in-script&callback=labelthumbs"></script></div>
Langkah 5 - Ganti tulisan warna biru dengan website sobat. Ganti tulisan warna merah dengan ID label sobat.
Oke, itulah postingan saya mengenai cara membuat widget postingan berdasarkan label untuk Blogger. Terima kasih.
.