Code chèn bài viết liên quan có Banner quảng cáo

2 minute read
Chào các bạn, bài viết này mình sẽ hướng dẫn các bạn cách chèn bài viết liên quan chứa banner quảng cáo vào trong bài viết blogger.

Code chèn bài viết liên quan có Banner quảng cáo cho Blogger

HƯỚNG DẪN THỰC HIỆN

Đầu tiên các bạn vào Chủ đề => Chỉnh sửa sau đó các bạn tìm đến thẻ ]]></b:skin> rồi chèn đoạn code sau lên trước nó.
.post-ads{padding-top:0}.post-ads{float:left;margin:0 10px 10px 0;position:relative}@media(max-width:600px){.post-ads{width:100%}.post-right{margin-left:0!important;width:100%;float:left}}.post-body img{transition:all.3s;max-width:650px}.post-right{margin:0 0 0 310px;padding:0 0 10px}p.post-excerpt{overflow:hidden;margin:10px 0 10px 0;padding:10px;background-color:#f5f5f5;border:0 solid #eee;box-shadow:0 0 0 0 #B5B5B5;font-size:17px;line-height:1.5em}#related-posts1{margin:10px 0}#related-posts1 ul li{list-style-type:none;color:#0053f9;font-size:16px;line-height:22px;max-height:22px;overflow:hidden}#related-posts1 ul li a{color:#0053f9}#related-posts1 ul li a:hover{color:#ff0000}#related-posts1 ul li a:before{content:"\f046";font-family:'FontAwesome';padding-right:5px}#related-posts1 h4{color:#E74C3C;border-bottom:1px dashed#E74C3C;font-size:18px;margin-bottom:5px}#related-posts1 ul{margin-left:0}#related-posts1.fa{margin-right:5px}#random-posts img{border-radius:1000px;border:5px solid;color:#dddddd;float:left;margin-right:5px;width:75px;height:75px;background-color:#F5F5F5;padding:3px;transition:all 0.2s linear 0s}
Sau đó các bạn tìm đến thẻ đóng </head> rồi chèn đoạn code sau lên trước nó.

<script type='text/javascript'>
//<![CDATA[
var titles = new Array();var titlesNum = 0;var urls = new Array();var time = new Array();function related_results_labels(c){for (var b = 0;b < c.feed.entry.length;b++){var d = c.feed.entry[b];titles[titlesNum] = d.title.$t;for (var a = 0;a < d.link.length;a++){if (d.link[a].rel == "alternate"){urls[titlesNum] = d.link[a].href;time[titlesNum] = d.published.$t;titlesNum++;break;}}
;}}
function removeRelatedDuplicates(){var b = new Array(0);var c = new Array(0);e = new Array(0);for (var a = 0;a < urls.length;a++){if (!contains(b,urls[a])){b.length += 1;b[b.length - 1] = urls[a];c.length += 1;c[c.length - 1] = titles[a];e.length += 1;e[e.length - 1] = time[a];}}
titles = c;urls = b;time = e;}
function contains(b,d){for (var c = 0;c < b.length;c++){if (b[c] == d){return true;}}
return false;}
function printRelatedLabels(a){var y = a.indexOf('?m=0');if (y != -1){a = a.replace(/\?m=0/g,'');}
for (var b = 0;b < urls.length;b++){if (urls[b] == a){urls.splice(b,1);titles.splice(b,1);time.splice(b,1);}}
var c = Math.floor((titles.length - 1) * Math.random());var b = 0;document.write("<ul>");if (titles.length == 0){document.write("<li>Không có bài viết liên quan → </li>");}
else{while (b < titles.length && b < 20 && b < maxresults){if (y != -1){urls[c] = urls[c] + '?m=0';}
document.write('<li><a href="' + urls[c] + '" title="' + time[c].substring(8,10) + "/" + time[c].substring(5,7) + "/" + time[c].substring(0,4) + '">' + titles[c] + "</a></li>");if (c < titles.length - 1){c++;}
else{c = 0;}
b++;}}
document.write("</ul>");urls.splice(0,urls.length);titles.splice(0,titles.length);}
;//]]>
</script> 
Tiếp theo các bạn tìm đến thẻ <data:post.body/> rồi dán đoạn code sau lên trước hoặc sau nó.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='qc-header-post'>
<div class='post-ads'>
Dán quảng cáo của bạn ở đây
</div>
<div class='post-right'>
<p class='post-excerpt'>
<data:post.snippet/>
</p>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts1'>
<h4>
<i class='fa fa-bullhorn'/>
Bài viết liên quan:</h4>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot;+ data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&quot;' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>
var maxresults=5;removeRelatedDuplicates();printRelatedLabels(&quot;<data:post.url/>&quot;);</script><a class="home-icon" href="http://bacsiwindows.com" style="position:absolute;visibility:hidden;"></a>
</div>
</b:if>
</div>
</div>
</b:if> 

Lưu ý: có thể sẽ có nhiều hơn 1 thẻ <data:post.body/> vì vậy bạn hãy thử hết tất cả các thẻ đến khi nào thành công thì thôi nhé


LỜI KẾT


Hi vọng bài viết này sẽ giúp blog của bạn trở nên độc đáo hơn, chúc các bạn thành công!

Nếu bạn có câu hỏi hay thắc mắc nào vui lòng để lại comment bên dưới bài viết.