Bài viết cũ và mới hơn cùng chủ đề theo chiều dọc cho Blog

Hôm nay mình sẽ giới thiệu đến các bạn thêm một lựa chọn về thủ thuật tạo tiện ích bài viết liên quan ! Thủ thuật Related post hôm nay mình giới thiệu rất thích hợp với những trang tin tức, chia sẻ , diễn đàn.. Hôm nay tiếp tục update thủ thuật tạo Bài viết cũ và mới hơn cùng chủ đề theo chiều dọc cho Blog
Cách thực hiện
1. Đăng nhập Blogger
2. Chọn mẫu ==> Chỉnh sửa HTML
3. Tìm đến thẻ :  ]]></b:skin> và dán code bên dưới trên nó
#related-posts-block{margin:0 0;font-size:11px;color:#7c7b7b}#related-posts-loading-text{font-size:12px;text-align:center;color:#002c28}#related-newest-href{margin:10px 5px 0 15px}#related-newest-title{font-size:12px;margin:0 0 4px 0;color:#116b02;width:500px}#related-posts-block #related-newest-href a{font-size:12px;font-family:Helvetica,sans-serif;color:#0c4b01}#related-posts-block #related-newest-href a:hover{color:#00f}#related-older-href{margin:10px 5px 0 15px}#related-older-title{font-size:12px;margin:0 0 4px 0;color:#116b02;width:500px}#related-posts-block #related-older-href a{font-size:12px;font-family:Helvetica,sans-serif;color:#0c4b01}#related-posts-block #related-older-href a:hover{color:#00f}.autosumpost{box-shadow:0 0 25px #d5d4d4 inset;font-family:Helvetica,sans-serif;font-size:12px;margin:0 0 0 0;padding:5px 5px 8px;line-height:1.5}

4. Dán code bên dưới sau thẻ :  <div class='post-footer'> ,  <div class='post-footer-line post-footer-line-1'>  , <div class='post-footer-line post-footer-line-3'>  , <div class='post-footer-line post-footer-line-3'>
<div id='post-labels-for-related' style='display:none'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop></b:if></div>
<div id='post-timestamp-for-related' style='display:none'><data:post.timestampISO8601/></div>

<div id='related-posts-block'>
<div id='related-posts-loading-text'>Đang tải dữ liệu... <img align='absmiddle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDyVeThd-kd41oPZVQK-TEmIASd5QuzjzjicT-OhR_aFNQ3GNn105Z_ya6fxRWdZcCq0k_lxm9_yHlpIll9Z9ZAAC9mlGwwaGqRMsFOEqvk6YQpX80vcefMwgt-lEaNTuuxXcIa0EaqbWL/s1600/ajax-loader.gif'/></div>
<div id='related-newest-href'><div id='related-newest-title'/></div>
<div id='related-older-href'><div id='related-older-title'/></div>
</div>

<script language='javascript'>
/* <![CDATA[ */
var showdate = true;var max_post = 8;function format(a){return a.substr(0,19)}function formatdate(a){for(var b=[1,2,3,4,5,6,7,8,9,10,11,12],c="01,02,03,04,05,06,07,08,09,10,11,12".split(","),e=parseInt(a.substring(5,7),10),d=0;d<b.length;d++)if(e==b[d]){e=c[d];break}return a.substring(8,10)+"/"+e+"/"+a.substring(4,2)} function getRelatedNewestLinks(a){if(a=a.feed.entry)for(var b=0;b<a.length;b++){var c=document.createElement("li");c.innerHTML=showdate?'<span style="margin-top:-3px;"> '+formatdate(a[b].published.$t)+" </span> <a href='"+a[b].link[4].href+"'>"+a[b].title.$t+"</a>":"<a href='"+a[b].link[4].href+"'>"+a[b].title.$t+"</a>";if(!checkRelaxLinks("related-newest-href",a[b].link[4].href))document.getElementById("related-newest-href-ul1").appendChild(c),document.getElementById("related-newest-title").innerHTML= "<b>C\u00e1c b\u00e0i vi\u1ebft m\u1edbi c\u00f9ng ch\u1ee7 \u0111\u1ec1</b>";document.getElementById("related-posts-loading-text").style.display="none"}else document.getElementById("related-older-title").innerHTML="<b>Kh\u00f4ng c\u00f3 b\u00e0i vi\u1ebft m\u1edbi n\u00e0o c\u00f9ng ch\u1ee7 \u0111\u1ec1</b>"} function getRelatedOlderLinks(a){if(a=a.feed.entry)for(var b=0;b<a.length;b++){var c=document.createElement("li");c.innerHTML=showdate?" "+formatdate(a[b].published.$t)+" <a href='"+a[b].link[4].href+"'>"+a[b].title.$t+"</a>":"<a href='"+a[b].link[4].href+"'>"+a[b].title.$t+"</a>";if(!checkRelaxLinks("related-older-href",a[b].link[4].href))document.getElementById("related-older-href-ul2").appendChild(c),document.getElementById("related-older-title").innerHTML="<b>C\u00e1c b\u00e0i vi\u1ebft c\u0169 c\u00f9ng ch\u1ee7 \u0111\u1ec1 </b>"}else document.getElementById("related-older-title").innerHTML= "<b>Kh\u00f4ng c\u00f3 b\u00e0i vi\u1ebft c\u0169 n\u00e0o c\u00f9ng ch\u1ee7 \u0111\u1ec1</b>";document.getElementById("related-posts-loading-text").style.display="none"} function createRelatedJson(a,b,c,e){var d=document.createElement("script");d.src="/feeds/posts/summary/-/"+escape(b)+"?orderby=published&max-results="+e+"&published-"+a+"="+escape(format(document.getElementById("post-timestamp-for-related").innerHTML))+"&alt=json-in-script&callback="+c;d.type="text/javascript";document.getElementsByTagName("head")[0].appendChild(d)} function checkRelaxLinks(a,b){for(var c=!1,e=document.getElementById(a).getElementsByTagName("a"),d=0;d<e.length;d++)if(e[d].href==b){c=!0;break}e=location.href.split(".html")[0]+".html";b==e&&(c=!0);return c} function createRP(){var a=document.getElementById("post-labels-for-related").innerHTML.split(","),b=Math.round(max_post/a.length),c=document.createElement("ul");c.id="related-newest-href-ul1";document.getElementById("related-newest-href").appendChild(c);for(c=0;c<a.length;c++)createRelatedJson("min",a[c],"getRelatedNewestLinks",b);c=document.createElement("ul");c.id="related-older-href-ul2";document.getElementById("related-older-href").appendChild(c);for(c=0;c<a.length;c++)createRelatedJson("max", a[c],"getRelatedOlderLinks",b)}createRP();
/* ]]> */
</script>

Chú Ý : var showdate = true : Hiển thị ngày đăng(Nếu không muốn hiển thị thay thành False)
var max_post = 8      : Sồ bài viết tối đa hiển thị

Chúc các bạn thành công