Recent Posts By Tag Widget For Blogger blog

Recent Posts widget By Tags are the posts chosen, based on a specific label in blogger . So with this widget make it easier for visitors to find the specific article . Please also try to get other widgets such as Widgets Recent Posts , Random Posts Widget and Widget Most Commented  from Nomii Design.

How to add recent posts by tag widget in blogger?

• Go To Blogger >> Template >> Edit HTML and search for ]]></b:skin> by pressing Ctrl+F and paste the code below above ]]></b:skin>

*Recent Post By tag*/ img.rct-thumb{float:left;margin-right:10px;height:72px;width:72px;} .recent-by-tag{width:100%;margin:0;padding:0} ul.recent-by-tag li{padding:10px 0;margin-bottom:0;border-bottom:1px solid #ddd} .recent-by-tag li{font-size:13px;list-style:none;padding-left:0;margin:0;padding:0;overflow:hidden} .recent-by-tag a{font-family:'Oswald',sans-serif;font-size:16px;font-weight:normal;margin:0;} .recent-by-tag strong{padding-left:0} span.showdates{font-size:16px;margin:10px 0 0}

• Now Paste The Code Below Above </head>

<script type='text/javascript'> var numposts = 5; var showpostthumbnails = true; var showpostdate = true;</script> <script type='text/javascript'> //<![CDATA[ // Recent Post By Tag // Recent Post By Tag For Blogger by Nomii Design // http://gplus.to/mousir - http://nomiidesign.blogspot.com function rcentbytag(e){document.write('<ul class="recent-by-tag">');for(var t=0;t<numposts;t++){var n=e.feed.entry[t];var r=n.title.$t;var i;if(t==e.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if(n.link[o].rel=="replies"&&n.link[o].type=="text/html"){var u=n.link[o].title;var f=n.link[o].href}if(n.link[o].rel=="alternate"){i=n.link[o].href;break}}var l;try{l=n.media$thumbnail.url}catch(h){s=n.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!=""){l=d}else l="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSle9iQIbOeFSFKkTUpNpAKKEfo7idlycNvfw-csD4qFppq7F6AqOagaf1wrEU95wD-b5mf5dAQKQOXUc49PHzIOYEiz52OX9rOFeqGrEJ942AZ4Bf3dfY39qCLUhAXbCsq3oE93VoSxY6/s70-c/KM+Icon.png"}var p=n.published.$t;var v=p.substring(0,4);var m=p.substring(5,7);var g=p.substring(8,10);var y=new Array;y[1]="Januari";y[2]="Februari";y[3]="Maret";y[4]="April";y[5]="Mei";y[6]="Juni";y[7]="Juli";y[8]="Agustus";y[9]="September";y[10]="Oktober";y[11]="November";y[12]="Desember";document.write('<li class="clear">');if(showpostthumbnails==true)document.write('<a href="'+i+'" target ="_blank" title="'+r+'"><img class="rct-thumb" alt="'+r+'" src="'+l+'"/></a>');document.write('<strong><a href="'+i+'" target ="_blank" title="'+r+'" rel="nofollow">'+r+'</a></strong>');document.write('<br>');var x="";var T=0;if(showpostdate==true){x='<span class="showdates">'+x+g+" "+y[parseInt(m,10)]+" "+v+"</span>";T=1}document.write(x);document.write("</li>");if(t!=numposts-1)document.write("")}document.write("</ul>")} //]]> </script>

• Then Go To Layout And The Following Code In HTML JavaScript Widget

<script> document.write("<script src=\"/feeds/posts/default/-/Blogger%20SEO?orderby=updated&alt=json-in-script&callback=rcentbytag\"><\/script>"); </script>

• Replace Blogger SEO With Your Tag Name