Cara Menciptakan Recent Post Menurut Label Keren

Assalamu'alaikum? Blogger kali ini aku akan mengembangkan 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 memakai widget menyerupai ini.

Kalau teman bertanya fungsi blog yang memiliki widget ini sebetulnya tergantung juga sih. Kalau berdasarkan aku dengan menggunakan widget recent post berdasarkan label atau kategori ini blog terlihat lebih rapi dan percaya nggak percaya dapat meningkatkan pageview pengunjung pada blog kita loh. Selain itu untuk ukuran navigasi, orang juga gampang mengakses banyak artikel berdasarkan label atau kategori yang mereka inginkan.

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

1. Pergi ke sajian Template, kemudian edit HTML dan jangan lupa centang Expand Template Widget
2. Carilah kode ]]></b:skin>
3. Copy arahan 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 arahan dibawah ini diatas </head>

<script src='http://unduhnetwork.googlecode.com/files/lebelgambar.js' type='text/j4vascript'/> 

Script ini diambil dari unduhnetwork.blogspot.com. Sobat dapat ambil atau d0wnl0ad script ini dan upload di google code masing masing semoga responnya lebih cepat alasannya ialah hanya dipakai sendiri. Jangan lupa sesudah itu klik tombol simpan ya sobat.

6. Terakhir ialah pergi ke tata letak, kemudian Tambahkan Gadget dan pilih HTML. Setelah itu copy code dibawah ini.

<script type="text/j4vascript">
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/j4vascript">
</script>
<a href="giletules.blogspot.com/search/label/Software/max-results=8" target="_blank" title="Cara Membuat Recent Post Berdasarkan Label Keren" 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 abjad untuk keterangan postingan.
• Biru ialah nama label yang ingin ditampilkan.
• Ungu silahkan ganti dengan URL blog sobat.

Jika ada kesalahan atau apalah.. tinggal komentar aja :)

Sumber http://nandarious.blogspot.com