Ayo! Buat Recent Post Berdasarkan Label

Kalian tentunya sering melihat yang seperti ini kan ?

Pengen punya Recent Post kalian sendiri, di Blog Kalian sendiri ?

Tapi ingin menggunakan Recent Postnya berdasarkan Label , seperti gambar diatas.

Nah, Mau pilih yang mana Kiri atau Kanan ?

Mau kedua nya ? Silahkan akan Kami share untuk kalian Khususnya para pengguna Blogger .

Ikuti Langkah - Langkah Kami Yah.

1. Pastikan kalian Menuju Dashboard kalian sendiri.

2. Setelah itu Kalian Pilih Tata Letak , ( Perhatikan Gambar Berikut ini ).

Setelah, kalian Menuju Dashboard , Pastikan Kalian Memilih Tata Letak nya.

Jika, sudah selesai ( Perhatikan Langkah Ke 3 ).

3. Perhatikan Gambar nya , Kalian Klik saja Tambahkan Gadget.

Jika, Sudah Klik Tambahkan Gadget.

Maka Kalian Masuk ke langkah 4.

4. Pilih HTML/Java Script

Beres ? Jika, Sudah selesai Lanjut menuju Ke Langkah 5.

5. Nah, Kalian Akan mendapatkan Gambar seperti ini.

Beres, ini adalah langkah terakhirnya.

Disini tinggal kalian Copy Pastekan saja Script Berikut ini.

<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»»</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://www.infohiroito.cf/feeds/posts/default/-/Islamic?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs">
</script><div class="clear"/></div>

Script di atas yang nantinya akan menjadi Seperti Gambar di Bagian Sebelah Kanan Kalian. ( yang bertuliskan TEST ).

Didalam Script ada yang kami Tebalkan, Tujuannya digunakan untuk kalian merubahnya menjadi alamat Web kalian dan Islamic disana Kalian Ganti dengan Label Kalian. Kalau www.infohiroito.cf itu kalian ganti menjadi alamat Blog kalian.

Jadinya Scripnya seperti Ini:

Jika , Kalian Ingin yang Satunya , dibawah ini :

<script>
    document.write('<div class="recent-post-title"><h2><a href="/search/label/News?max-results=10">Tips Blogger</a></h2></div>');
    document.write("<script src=\"/feeds/posts/default/-/Tips%20Blog?orderby=updated&alt=json-in-script&callback=labelthumbs\"><\/script>");
    </script>

Nah, yang Kami tebalkan tinggal Kalian Ganti .

Tips Blogger = Sesuaikan dengan Nama yang Mau kalian Posting.
Tips%20Blog = Kalian Ganti dengan Label Kalian Sendiri.

Jadinya, akan seperti ini :

Silahkan Tinggal Kalian Pilih Mau yang mana yang menjadi keinginan Kalian.
Demikian Artikel yang dapat HIRO ITO bagikan, semoga Artikel ini berguna untuk Kalian.

Salam,