Tạo Wigdet Recent Post Cực Pro [Blogtip]

Với thủ thuật này các bạn chỉ cần copy đoạn code ngắn này và dán chúng vào một tiện ích javacript/HTML và lưu lại dùng được ngay.

 Wigdet Recent Post được sử dụng CSS nên rất mượt mà tuy loading chậm hơn chút nhưng không đáng kể đến tốc độ tải trang của bạn ,và mình cũng đang xài chúng .Cũng tùy theo sở thích của mỗi người còn Manhhaiblog thì để widget này chỉ hiển thị ở dạng bài viết và ẩn ở trang chủ.
Và bây giờ cùng làm nhé.

1 . Blogger 
2. Tổng quan --> Bố cục
3 . Chọn javacript/HTML
4. Coppy code bên dưới và dán vào Tiện ích vừa chọn ở trên'' 3 ''

Code :

<style scoped='' type='text/css'>
/* Recent Post Manhhaiblog */
#recentpostnav{border:1px solid #585858;width:100%;margin:0 auto}
#recentpostsae{margin:0}
.recentpostel{background:#fff;display:block;border:1px solid #ddd;margin:5px 0;padding:10px;height:79px}
.recentpostel img{background:#fff;padding:4px;float:left;height:70px;margin-right:8px;width:70px;border:1px solid #ddd}
.recentpostel h6,.recentpostel h6 a{text-decoration:none;font-size:13px!important;font-weight:700!important;margin:0;color:#111}
.recentpostel:hover{background-color:#fefefe}
.recentpostel p{font-size:12px;text-align:left;color:#555;line-height:normal;margin:5px 0}
#recentpostload{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqseINP81Z7MQotOm2asOgcH2_V7z5Xk2uGFCYV89xvIyXJfBgvH6C2mT61YHJ4iCdrmbTrEpufxgHHUiuZrIVEr0-rlDbZW89cYd7TKpdHqh_7lb6AD7sgCYgbp6rWoT8sdAJXMEkBzn5/s1600/loading+gip.gif) 50% 50% no-repeat #fff;height:470px;border:1px solid #ddd}
#recentpostnavfeed{border:1px solid #ddd;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0}
#recentpostnavfeed:hover{background-color:#fefefe}
#recentpostnavfeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}
#recentpostnavfeed span{padding:5px 10px}
#recentpostnavfeed .next{float:right}
#recentpostnavfeed .previous{float:left}
#recentpostnavfeed .home{text-align:center}
#recentpostnavfeed a:hover,#recentpostnavfeed span.noactived{color:transparant!important}
</style>
<script type='text/javascript'>
//<![CDATA[
    var numfeed = 3;
    var startfeed = 0;
    var urlblog = "https://manhhaiblog.blogspot.com/";
    var charac = 40;
    var urlprevious, urlnext;
function arlinafeed(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 showrecentpostsae(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:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5xjTJE9Dx3GMBtXIkaN40aLhA6hGX-b7Pym0mjGG69UgVCTc8O5ZQLxJyg3wMfYtxMFUKtVLi6N1SvWrBxs1dYS-ZwvZ8HfyHY5cIAuR-cA67Yne3ZrAOPrR1eBP8_kw9KtY-VKFTL3w/s320/dfgh.JPG",s+="<div class='recentpostel'>",s+="<a href='"+r+"' target='_blank'><img src='"+a+"' /></a>",s+="<h6><a href='"+r+"'>"+n+"</a></h6>",s+="<p>"+arlinafeed(i,charac)+"...</p>",s+="</div>"}document.getElementById("recentpostsae").innerHTML=s,s="",s+=urlprevious?"<a href='javascript:navigasifeed(-1);' class='previous'>Previous</a>":"<span class='noactived previous'>Previous</span>",s+=urlnext?"<a href='javascript:navigasifeed(1);' class='next'>Next</a>":"<span class='noactived next'>Next</span>",s+="<a href='javascript:navigasifeed(0);' class='home'>Home</a>",document.getElementById("recentpostnavfeed").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=showrecentpostsae",incluirscript(n)}function incluirscript(e){1==startfeed&&removerscript(),document.getElementById("recentpostsae").innerHTML="<div id='recentpostload'></div>",document.getElementById("recentpostnavfeed").innerHTML="";var t=urlblog+"/feeds/posts/default"+e,n=document.createElement("script");n.setAttribute("type","text/javascript"),n.setAttribute("src",t),n.setAttribute("id","arlinalabel"),document.getElementsByTagName("head")[0].appendChild(n),startfeed=1}function removerscript(){var e=document.getElementById("arlinalabel"),t=e.parentNode;t.removeChild(e)}onload=function(){navigasifeed(0)};
//]]>
</script>
<div id="recentpostsae"></div>
<div id="recentpostnavfeed"></div>

5 . Lưu Lại Và thưởng thức nhé.

- Thay link https://manhhaiblog.blogspot.com/  thành link của bạn
-  numfeed = 3 là số bài muốn hiển thị

Manhhaiblog chúc các bạn thành công. có vấn đề gì chưa hiểu hãy comment bên dưới mình sẽ giải đáp.