Memasang Featured Post Pada Blogger

F-Tutor, fitur posting sangat berguna di blog menjadikan blog lebih menarik untuk pengunjung. Kali ini sharing tentang Membuat Featured Post dengan thumbnail, untuk membuat feature posting silahkan ikuti beberapa langkah di bawah ini.

Seperti biasa kita login dan masuk ke dasbord lalu ke menu rancangan dan silahkan masuk ke kode html. Setelah itu cari kode berikut :

]]></b:skin>

lalu masukan kode di bawah ini tepat di atas kode di atas

/*** Featured Categories ***/<br />img.label_thumb{<br />float:left;<br />padding:1px;<br />border:1px solid #8f8f8f;<br />background:#D2D0D0;<br />margin-right:10px;<br />height:60px;<br />width:80px;<br />}<br />img.label_thumb:hover{<br />background:#f7f6f6;<br />}<br />.label_with_thumbs {<br />float: left;<br />width: 100%;<br />min-height: 70px;<br />margin: 0px 10px 2px 0px;<br />adding: 0;<br />}<br />ul.label_with_thumbs li {<br />padding:8px 0;<br />min-height:65px;<br />margin-bottom:10px;<br />}<br />.label_with_thumbs a {}<br />.label_with_thumbs strong {}

Setelah itu silahkan cari kode



kemudian letkan script di bawah ini tepat di bawah kode tadi

<br /><script type='text/javascript'><br />//<![CDATA[<br />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;}<br />if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)<br />{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/AVvXsEgzCqSto0TSg5XEm_XhBjD4PHkC2J9lAHiOMO9EQT0AHjQf6Fr0cfRYGpXCfdCoULxs-E0NiOidmqaPlRCc8IiFHj-vU-39iR7cWrGk-Dd2bbwaJBEfl7Qh4W3un7_DxE1ddh0r2wOaePSE/';}<br />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)<br />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;}<br />else<br />if("summary"in entry){var postcontent=entry.summary.$t;}<br />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('');}<br />else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}<br />var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}<br />if(showcommentnum==true)<br />{if(flag==1){towrite=towrite+' | ';}<br />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;;}<br />if(displaymore==true)<br />{if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}<br />document.write(towrite);document.write('</li>');if(displayseparator==true)<br />if(i!=(numposts-1))<br />document.write('');}document.write('</ul>');}<br />//]]><br /></script>

Sekarang tinggal masuk ke add widget trus html/javascript dan masukan kode di bawah ini

<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = true;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 80;</script><br /><br /><script type="text/javascript" src="/feeds/posts/default/-/ISI DENGAN KATEGORI?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

untuk kategori silahkan tergantung katagori masing-masing blog sahabat.