Menamilkan Post Berdasarkan Kategory Dengan Gambar (Thumbnail)

Dari  Segala Wedget Ini Yang paling saya Suka yaitu Menampilkan Post Berdasarkan Kategory Dengan Gambar Thumbnail . Biasanya Gedget ini digunakan pada Blog - Blog news yang Menampilkan Banyak Berita dalam Kategory - kategory Tertentu. wedget Ini sangat Praktis karena kita tidak perlu Merubah satu Per satu Postingan Kita Karena Gedget Ini akan secara otomatis Menampilkan Posting Terbaru dari setiap Label. Nah Mari kita Langsung saja Membuat Post Berdasarkan Kategory Dengan Gambar Thumbnail

Langkah - Langkah Menamilkan Post Berdasarkan Kategory Dengan Gambar (Thumbnail)
    [-] Masuk Ke akun Blogger ada => Design ( rancangan) =>  Edit HTML
    [-] Jangan Lupa  Expand Widget Templates 
    [-] Stelah itu cari kode  ]]></b:skin> Untuk mempercepat gunakan Ctrl + F, Lalu Copy Paste kode dibawah ini dan Paste Di atas ]]></b:skin>

[-] Save Template Untuk Menghindari terjadinya Kesalahan

Langkah Selanjutnya :
'
[=] Masih Pada  Blogger ada => Design ( rancangan) =>  Edit HTML
[=] Sekarang Cari Kode </head> untuk mepercepat Gunakan Ctrl + F, Bila sudah ketemu Copy Kode dibawah ini dan Paste Di Atas Kode </head>

<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<ul class="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOghX_FS6cJtYO2cY0eGtKLgqGy7v47CG3KRUa0Cv3yM5IicVp1X0BRXeLgPSypQb6CMos0zXxA3r8gHGckRyVnSGBFoLNt5V0OwR-jG6fr4FN4nVMEwXlXYgsOlgQc8qFPI12-R0qjrsE/';}
var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)
document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}
else
if("summary"in entry){var postcontent=entry.summary.$t;}
else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}
else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}
var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
if(showcommentnum==true)
{if(flag==1){towrite=towrite+' | ';}
if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}
if(displaymore==true)
{if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}
document.write(towrite);document.write('</li>');if(displayseparator==true)
if(i!=(numposts-1))
document.write('');}document.write('</ul>');}
//]]>
</script>

[=] Klik Save Template

Nah Sekarang Olesan Terakhir Untuk Mempercantik Blog dengan Post Brdasarkan Kategory
[-] Masuk Ke desain ( Rancangan) => Tambah Gedget=> Pilih THML/JavaScript
[-] Masukan Kode Dibawah copy Kode Dibawah Ini Dan paste Pada Gedget HTML/ JavaScript Tadi

<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 = 80;</script>

<script type="text/javascript" src="/feeds/posts/default/-/namakategoryblogkamu?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

[-]Diatas terdapat Kode warna Merah Ganti kode Tersebut Dengan Nama kategory Postingan Kamu
[-]Bila Kategori blog Kalian lebih dari dasi satu kata Kamu dapat Menambahkan Kode %20 Contohnya Tips%20and%20trik%20blog

Keterangan :
var numposts = 3;
var showpostthumbnails = true;
var displaymore = false;
var showcommentnum = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 80;

Angka 3 berarti Jumpalh Postingan yang ditampilkan
True artinya Ditampilka
False artinya tidak ditampilkan
80 artinya Jumlah kata Perpostingan Yang ditampilkan

Coba ganti - ganti kode diatas agar kawan - Kawan dapat Menampilkan Post Berdasarkan Kategory Dengan Gambar (Thumbnail) Sesuai Selera, Nah Mungkin itu saja Postingan saya kali ini,,Semoga dapat Membantu Kawan - Kawan Semua Untuk Mempercantik Blognya...