Chèn bài viết liên quan chứa banner quảng cáo vào bài viết cho blogger

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

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.

Leave a Comment

sơn epoxy / sơn sàn epoxy / cửa lưới chống muỗi / vách ngăn lướii chống muỗi / cửa lùa chống muỗi / vệ sinh công nghiệp / đánh bóng sàn bê tông / vệ sinh nhà máy / dịch vụ giặt thảmm / vệ sinh nhà hàng / vệ sinh tòa nhà / dịch vụ vệ sinh kính / vệ sinh khách sạn / vệ sinh chung cư / dịch vụ cắt cỏ / đánh bóng kính / diệt côn trùng / diệt mối / diệt kiến / diệt muỗi / diệt ruồi / diệt gián / diệt chuột / dọn bể nước ngầm / phụ kiện mái che / cơ khí chế tạo / mái che di động / rèm nhựa / vách nhựa ngăn phòng lạnh / rèm nhựa phòng lạnh / dù che nắng / mái kéo di động / nhà bạt di động / mái xếp di động / mái hiên di động / thay bạt mái hiên di động / bạt che nắng / phụ kiện mái che di động / mái che sân thượng / mái che quán cafe / mái che di động miền bắc / mái che di động miền nam / bạt che di động hcm /