Cara Membuat Recent Post Berdasarkan Label di Blog

Source : Google

Cara Membuat Recent Post Berdasarkan Label di Blog - Recent pos merupakan salah satu widgets yang harus ada di blog kamu sama halnya dengan sitemaps. Biasanya recent pos menampilkan artikel terbaru atau artikel terbaru menurut labelnya. Pada awalnya recent post hanya untuk mempermudah visitor untuk menjelajahi blog kita, namun lama-kelamaan recent post berubah menjadi widgets yang bisa mempercantik tampilan blog.

Tapi jka terlalu banyak widgets juga berpengaruh terhadap kecepatan loading blog, sehingga paraa visitor kabur duluan sebelum baca artikel kamu. Gunakanlah widget yang simple seperti recent post berikut ini

Recent Post Berdasarkan Kategori Blog

Gambar Recent Post Sesuai Label

Jika kamu tidak tahu cara pasangnya gimana atau gak  mengerti bahasa pemrograman, tanang aja berikut penjelasanya.

1. Pertama login ke akun Blogger
2. Pergi ke Layout > Klik add a Gadget > pilih yang HTML/Javascript
3. Isi bagian dudul dengan Nama Label/Kategori kamu (tidak diisi juga gak berpengaruh)
4. Setelah itu baru copy/pastekan code script di bawah ini di bagian content 

<style>
img.recent_thumb {padding:1px;width:72px;height:72px;border:0; float:left;margin:0 10px 5px 1px;}.recent_posts_with_thumbs {float: right;width: 100%;min-height: 72px;margin: 5px 10px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:72px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;} </style>
<script>
function showrecentpostswiththumbs(json) {document.write('<ul class="recent_posts_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='http://lh4.ggpht.com/_IjrRiI_bVb0/TOCYn1fMjII/AAAAAAAAF24/5Fvv-HJqh74/loading-2.gif';
}
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('<img class="recent_thumb" src="'+thumburl+'"/>');
document.write('<b><a href="'+posturl+'" target ="_top">'+posttitle+'</a></b><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('<i>');
         document.write(postcontent);
          document.write('</i>');}
      else {
          document.write('<i>');
         postcontent = postcontent.substring(0, numchars);
         var quoteEnd = postcontent.lastIndexOf(" ");
         postcontent = postcontent.substring(0,quoteEnd);
         document.write(postcontent + '...');
          document.write('</i>');}
}

var towrite='';var flag=0;
document.write('<br><strong>');

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">Read more&#187;&#187;</a>';
flag=1;
;
}
document.write(towrite);
document.write('</strong></li>');
if(displayseparator==false)
if (i!=(numposts-1))
document.write('<hr color="#d9f1fa" size=0.5>');
}document.write('</ul>');

}
</script>
<script>
var numposts = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;
</script><script src="http://indosporcle.blogspot.com/feeds/posts/default/-/Kesehatan?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs">
</script><div class="clear"/></div>

*Jangan di Save dulu, perhatikan tanda merah diatas 


Catatan :

• Angka 5 diatas merupakan Jumlah artikel yang akan ditampilkan pada recent post
• Ubah indosporcle dengan nama blog kamu
• Kemudian ubah labe Kesehatan dengan label yang akan kamu tampilkan, nah klik save dan lihat hasilnya

Baca Juga : Cara Mudah Membuat Popular Post Di Blogger Super Simple

Itulah artikel saya tentang Cara Membuat Recent Post Berdasarkan Label di Blog jika kamu masih belum paham silahkan ulangi baca dari atas dan pahami setiap langkah demi langkah cara yang sudah saya jelaskan diatas, tapi kalau belum paham juga silahkan comment dibawah nanti saya jawab apapun masalah kamu terkait artikel ini dan semoga bermanfaat

Tweet

Sign up here with your email address to receive updates from this blog in your inbox.