Cara membuat recent post perlabel

1. Login ke blogger.

2. Klik tab Template.
3. Klik Edit HTML.
4. Cari kode seperti ini : ]]></b:skin> (ctrl+f --> skin)
5. Copy paste kode berikut persis di atas kode yang tadi :

/* RECENT POSTS LABEL */
 img.label_thumb {
 position:absolute;
 top:0;
 left:0;
 float:left;
 height:50px;
 width:58px;
 }
 
 ul.label_with_thumbs {
 float:left;
 width:100%;
 margin: 0 0 0;
 padding:0;
 }
 
 ul.label_with_thumbs li {
 padding:0 0 10px 66px;
 position:relative;
 min-height:53px;
 margin:0 0 10px 0;
 border-bottom:1px solid #eee;
 }
 
 ul.label_with_thumbs li:last-child {
 border-bottom:none !important;
 margin:0 0 0 0;
 }
 
 .label_with_thumbs li {
 list-style:none;
 font-size:11px;
 color: $(post.footer.text.color);
 }
 
 .label_with_thumbs .title-label a {
 float: left;
 display: inline-block;
 font-weight: bold;
 font-size: 13px;
 margin: 0 0 3px;
 padding: 0;
 color: $(post.title.color);
 width: 100%;
 }
 
 .label_with_thumbs a:hover {
 color: $(post.title.hover.color);
 }
 
 .label_with_thumbs strong {
 padding-left:0px;
 }

6.kemudian cari kode </head>
7.Masukkan kode berikut di atas nya.

<!-- JAVASCRIPT RECENT POSTS PERLABEL -->

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<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/AVvXsEhMRYIaGiYJnOmarfbrEl30vbmbGZ5iGJk5_TMuKmtqOsHjA5UFJQC5WYtdj-NCggGturkft1J-5OTMQ3lc6DpxXN9KeuGwjWqVYuasG0xGfGF_4xCwv2CXzkm4YBE756Urq6c5T-EFuTA/s1600/picture_not_available.png';}

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]="June";monthnames[7]="July";monthnames[8]="Aug";monthnames[9]="Sept";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 width="56" height="46" class="label_thumb" src="'+thumburl+'" alt="'+posttitle+'" title="'+posttitle+'"/></a>');document.write('<div class="title-label"><a href="'+posturl+'" target ="_top">'+posttitle+'</a></div>');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 class="comment-label" href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}

if(displaymore==true)

{if(flag==1)towrite=towrite+' — ';towrite=towrite+'<a class="more-label" 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>

<script type='text/javascript'>var numposts = 4;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = true;var showpostsummary = false;var numchars = 100;</script> 

</b:if>

8. Simpan template.

9.masuk ke layout "add a Gadget"

10.pilih HTML/Script

<script type="text/javascript" src="/feeds/posts/default/-/Dunia?published&amp;alt=json-in-script&amp;callback=labelthumbs"></script>

11.ganti kata Dunia dengan Label yang sesuai keinginan.