Cara Membuat Recent Post Berdasarkan Label Keren

Assalamu'alaikum? Blogger kali ini saya akan berbagi tutorial cara Membuat Recent Post Berdasarkan Label. Pernahkah anda melihat blog dengan widget yang berisi kategori di masing masing labelnya? Pasti jawabannya sering dan mungkin banyak yang menggunakan widget seperti ini.


Kalau sobat bertanya fungsi blog yang mempunyai widget ini sebenarnya tergantung juga sih. Kalau menurut saya dengan menggunakan widget recent post berdasarkan label atau kategori ini blog terlihat lebih rapi dan percaya nggak percaya bisa meningkatkan pageview pengunjung pada blog kita loh. Selain itu untuk ukuran navigasi, orang juga mudah mengakses banyak artikel berdasarkan label atau kategori yang mereka inginkan.

Wah menarik juga ya sobat fungsi dari widget ini. Lalu bagaimana cara memasangnya? Berikut ini cara memasang Widget recent post. Cukup mudah kok asal mengikuti step by stepnya secara seksama.

1. Pergi ke menu Template, lalu edit HTML dan jangan lupa centang Expand Template Widget
2. Carilah kode ]]></b:skin>
3. Copy kode dibawah ini diatas ]]></b:skin> 
/* WIDGET RECENT POST BERDASARKAN LABEL*/ img.label_thumb{float:left; padding:5px; border:2px solid #8f8f8f; background:#D2D0D0; margin-right:10px; height:40px; width:40px} img.label_thumb:hover{background:#ffffff} .label_with_thumbs{float:left; width:100%; min-height:70px; margin:0px 10px 2px 0px; adding:0} ul.label_with_thumbs li{padding:4px 0; min-height:53px; margin-bottom:10px} .label_with_thumbs a{} .label_with_thumbs strong{}
4. Carilah kode </head>
5. Copy kode dibawah ini diatas </head>
<script src='http://unduhnetwork.googlecode.com/files/lebelgambar.js' type='text/javascript'/> 
Script ini diambil dari unduhnetwork.blogspot.com. Sobat bisa ambil atau download script ini dan upload di google code masing masing agar responnya lebih cepat karena hanya digunakan sendiri. Jangan lupa setelah itu klik tombol simpan ya sobat.

6. Terakhir adalah pergi ke tata letak, lalu Tambahkan Gadget dan pilih HTML. Setelah itu copy code dibawah ini.
<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 = 30;
</script>
<script src="/feeds/posts/default/-/Software?orderby=updated&alt=json-in-script&callback=labelthumbs" type="text/javascript">
</script>
<a href="http://nandarious.blogspot.com/search/label/Software/max-results=8" target="_blank" title="More on Tips Trik SEO category" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category &#187;</a>
Keterangan Warna diatas :
  • Merah itu untuk menyetting banyak post yang ditampilkan di widget.
  • Orange untuk menyetting banyak huruf untuk keterangan postingan.
  • Biru adalah nama label yang ingin ditampilkan.
  • Ungu silahkan ganti dengan URL blog sobat.
Jika ada kesalahan atau apalah.. tinggal komentar aja :)

Related

Tutorial Blog 3378070711369447326

Post a Comment

Terimakasih telah membaca artikel di atas. Silahkan berkomentar dengan sopan.

emo-but-icon

Side Ads

Facebook

Adv

item