BEST RECENT POST WITH THUMBNAIL



COPY THIS CODE and paste BLOGGER
HTML/JavaScript HTML/JavaScript Add 

<style scoped='' type='text/css'>
#rcnpostnav{border:1px solid #585858;width:100%;margin:0 auto}
#rcnpostsae{margin:0}
.rcnpostel{background:#fff;display:block;border:1px solid #ddd;margin:5px 0;padding:10px;height:79px}
.rcnpostel img{background:#fff;padding:4px;float:left;height:70px;margin-right:8px;width:70px;border:1px solid #ddd}
.rcnpostel h6,.rcnpostel h6 a{text-decoration:none;font-size:13px!important;font-weight:700!important;margin:0;color:#111}
.rcnpostel:hover{background-color:#fefefe}
.rcnpostel p{font-size:12px;text-align:left;color:#555;line-height:normal;margin:5px 0}
#rcnpostload{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:url(http://2.bp.blogspot.com/-60aISBQLRY0/VFBMqzLfzGI/AAAAAAAABgM/GInmVTvEzkc/s1600/loader.gif) 50% 50% no-repeat #fff;height:470px;border:1px solid #ddd}
#rcnpostnavfeed{border:1px solid #ddd;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0}
#rcnpostnavfeed:hover{background-color:#fefefe}
#rcnpostnavfeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}
#rcnpostnavfeed span{padding:5px 10px}
#rcnpostnavfeed .next{float:right}
#rcnpostnavfeed .previous{float:left}
#rcnpostnavfeed .home{text-align:center}
#rcnpostnavfeed a:hover,#rcnpostnavfeed span.noactived{color:transparant!important}
</style>
<script type='text/javascript'>
//<![CDATA[
    var numfeed = 5;
    var startfeed = 0;
    var urlblog = "Your blogger link";
    var charac = 40;
    var urlprevious, urlnext;
function rcnfeed(e,t){for(var n=e.split("<"),r=0;r<n.length;r++)-1!=n[r].indexOf(">")&&(n[r]=n[r].substring(n[r].indexOf(">")+1,n[r].length));return n=n.join(""),n=n.substring(0,t-1)}function showrcnpostsae(e){var t,n,r,a,i,s="";urlprevious="",urlnext="";for(var l=0;l<e.feed.link.length;l++)"previous"==e.feed.link[l].rel&&(urlprevious=e.feed.link[l].href),"next"==e.feed.link[l].rel&&(urlnext=e.feed.link[l].href);for(var d=0;d<numfeed&&d!=e.feed.entry.length;d++){t=e.feed.entry[d],n=t.title.$t;for(var l=0;l<t.link.length;l++)if("alternate"==t.link[l].rel){r=t.link[l].href;break}i="content"in t?t.content.$t:"summary"in t?t.summary.$t:"",a="media$thumbnail"in t?t.media$thumbnail.url:"http://4.bp.blogspot.com/-1THNwVKkSfA/VDTB6q68JPI/AAAAAAAAQGU/gDWZWJvxFDY/s1600/prateek%2Blogo.jpg",s+="<div class='rcnpostel'>",s+="<a href='"+r+"' target='_blank'><img src='"+a+"' /></a>",s+="<h6><a href='"+r+"'>"+n+"</a></h6>",s+="<p>"+rcnfeed(i,charac)+"...</p>",s+="</div>"}document.getElementById("rcnpostsae").innerHTML=s,s="",s+=urlprevious?"<a href='javascript:navigasifeed(-1);' class='previous'>NEXT</a>":"<span class='noactived previous'>NEXT</span>",s+=urlnext?"<a href='javascript:navigasifeed(1);' class='next'>previous</a>":"<span class='noactived next'>previous</span>",s+="<a href='javascript:navigasifeed(0);' class='home'>HOME</a>",document.getElementById("rcnpostnavfeed").innerHTML=s}function navigasifeed(e){var t,n;-1==e?(t=urlprevious.indexOf("?"),n=urlprevious.substring(t)):1==e?(t=urlnext.indexOf("?"),n=urlnext.substring(t)):n="?start-index=1&max-results="+numfeed+"&orderby=published&alt=json-in-script",n+="&callback=showrcnpostsae",incluirscript(n)}function incluirscript(e){1==startfeed&&removerscript(),document.getElementById("rcnpostsae").innerHTML="<div id='rcnpostload'></div>",document.getElementById("rcnpostnavfeed").innerHTML="";var t=urlblog+"/feeds/posts/default"+e,n=document.createElement("script");n.setAttribute("type","text/javascript"),n.setAttribute("src",t),n.setAttribute("id","rcnlabel"),document.getElementsByTagName("head")[0].appendChild(n),startfeed=1}function removerscript(){var e=document.getElementById("rcnlabel"),t=e.parentNode;t.removeChild(e)}onload=function(){navigasifeed(0)};
//]]>
</script>
<div id="rcnpostsae"></div>
<div id="rcnpostnavfeed"></div>

Post a Comment

Previous Post Next Post