Widget Recent Post Berdasar Label dengan Thumbnail

Posted by

Recent Post berdasarkan label dnegan thumbnail
Widget Recent Post Berdasar Label dengan Thumbnail - Hasilnya adalah tampak seperti gambar thumbnail disamping kiri posting ini.
Widget ini sangat cocok dipakai di dalam blog berita atau di blog toko online yang ingin mengklasifikasikan masing-masing label di setiap widget.

Pemasangannya cukup mudah karena tidak diperlukan editing di HTML templatenya, tapi cukup di bagian widget yang ada di menu tata letak atau layout. Yang dipakai adalah widget HTML/Javascript, lalu script widget tinggap di copy paste ke bidang script, ganti beberapa tag tulisannya, Simpan dan selesai..

Urutannya panduan lengkapnya adalah sbb:
Masuk ke Dashboard >> Tata Letak/LayOut >> add Widget HTML/Javascript >> masukkan Script di kolom script widget >> edit beberapa bagian >> Save/Simpan
add widget


Script Widget:
<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="https://googledrive.com/host/0B_AQLlXFW-DAZjRobGE2Vkg2YXc"> </script>
<script>var numposts = 10;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://namabloganda.blogspot.com/feeds/posts/default/-/Label%20Blog%20Anda?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>
Keterangan script: 
var numposts = 10  (bisa anda ganti dengan jumlah post yang ingin ditampilkan)
http://namabloganda.blogspot.com/feeds/posts/default/-/Label%20Blog%20Anda (ganti sesuai data blog anda)

Jika, semua panduan tersebut sudah dilakukan dengan benar, maka widget post berdasarkan label sudah muncul di blog anda. Semoga bermanfaat


FOLLOW and JOIN to Get Update!

Social Media Widget SM Widgets




Demo Blog NJW V2 Updated at: 9:29 PM

0 comments:

Post a Comment

Powered by Blogger.