Memasang Kategori Berdasarkan Label Disertai Thumbnail

Memasang Kategori Berdasarkan Label Disertai Thumbnail di Blogger. Pada kesempatan yang berbahagia ini, saya akan membagikan tutorial blog sederhana, bagi para blogger yang ingin tampilan blognya lebih interaktif dan dinamis bagi para pengunjung blog, Kategori berasarkan label ini memberikan kemudahan bagi pengunjung  blog atau situs anda dimana pada saat pengunjung tersebut memilah-milih bacaan tentunya tak sedikit pencarian yang dilihat berdasarkan kategori. Ah ngomong apa yak :D, ya sudah kalau mau lihat cotohnya bisa lihat gambar dibawah ini :

Menarik bukan??
langsung saja ikuti langkah2 berikut ini:

• Log in ke blogger
• setelah login di menu opsi lainnya pilih Tata Letak,

• Kemudian klik Tambah Gadget.

• Pilih HTML/JavaScript

•  Silahkan Anda kopi dan pastekan Kode dibawah ini ke dalam kolom Konten, lihat petunjuk gambar dibawah.

<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 = 3;</script> <script type="text/javascript" src="/feeds/posts/default/-/Tips%20dan%20Trik?orderby=updated&alt=json-in-script&callback=labelthumbs"></script> <script src="http://ilergokil.blogspot.com/feeds/posts/summary/-/Tips%20dan%20Trik?max-results=5&alt=json-in-script&callback=recentpostslist"></script><a href="http://ilergokil.blogspot.com/search/label/Tips%20dan%20Trik" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category &#187;</a> 

• Warna Biru = sesuaikan dengan jumlah postingan yang ingin ditampilkan
• Warna Merah = Ganti dengan URL blog/website anda.
• Warna Hijau = Kategori blog, ganti spasi di kategori blog dengan %20, contoh Kategori Blog menjadi Kategori%20Blog, usahakan besar kecil huruf di perhatikan juga.
• Terakhir tekan tombol Simpan, dan sesuaikan posisinya sesuai selera, mau di sidebar atau footer, itu terserah anda.

Ada pilihan keduanya lihat gambar dibawah ini

 

:
Jika anda tertarik silahkan ikuti petunjuk berikut :

• Sama seperti dengan tahap-tahap diatas, Anda tinggal Mengkopi pastekan kode dibawah ini:

<script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Tips%20dan%20Trik?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
<script type="text/javascript">function recentpostslist(json) { document.write('<ul>'); for (var i = 0; i < json.feed.entry.length; i++) {    for (var j = 0; j < json.feed.entry[i].link.length; j++) {      if (json.feed.entry[i].link[j].rel == 'alternate') {        break;      }    }var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bsvar entryTitle = json.feed.entry[i].title.$t;var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>"; document.write(item); } document.write('</ul>'); }</script><script src="http://ilergokil.blogspot.com/feeds/posts/summary/-/Tips%20dan%20Trik?max-results=5&alt=json-in-script&callback=recentpostslist"></script><a href="http://ilergokil.blogspot.com/search/label/Tips%20dan%20Trik" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category &#187;</a>

Terakhir dari saya, silahkan anda kreasikan sesuai selera Anda, Happy Blogging :)


source : http://creatingwebsite-maskolis.blogspot.com