Code tạo bài viết liên quan cho blogspot ( Blogger )

watch_later 23/7/16
QC

Code tạo bài viết liên quan cho blogspot khá chuẩn seo, bài viết dưới đây mình sẽ hướng dẫn cho các bạn cách tạo bài viết liên quan cho blogger trên bài viết

Code tạo vài viết liên quan cho blogspot, tiện ích tạo bài viết liên quan cho blogger, code bài viết liên quan cho blogspot, widgets bài viết liên quan cho blogspot

Sau đây mình sẽ hướng dẫn cho các bạn tạo bài viết liên quan cho blogspot

  1. Đăng Nhập vào tài khoảng blogger
  2. Các bạn vào Edit HTML

Xem Thêm : Bittobin Seo Templates Blogger đẹp

Bước tiếp theo các bạn tìm phần <b:skin> Copy đoạn code bên dưới vào phần dưới <b:skin >
.post-right{margin:0 0 0 310px;padding:0 0 10px}.post-ads{float:left;margin:0 10px 10px 0;position:relative}p.post-excerpt{margin:0;padding:10px;background-color:#ECF0F1;font-size:17px;line-height:1.5em;color:#09f}#related-posts{margin:10px 0}#related-posts ul li{list-style-type:none;color:#2980C1;font-size:16px;line-height:22px;max-height:22px;overflow:hidden}#related-posts ul li a{color:#09f}#related-posts ul li a:hover{color:#F90053}#related-posts h4{color:#E74C3C;border-bottom:1px dashed #E74C3C;padding:5px 0;font-size:18px;margin-bottom:5px}#related-posts ul{margin-left:0;padding:0}#related-posts .fa{margin-right:5px}#related-posts ul li a:before{content:"\f046";font-family:'FontAwesome';color:#f90053;padding-right:5px}#related-posts1 ul li:before{display:none}
Bước tiếp theo chúng ta copy đoạn javasript bên dưới và chèn vào phần </head> trên thẻ </head> mấy bạn
<script type='text/javascript'>
//<![CDATA[
function related_results_labels(a){for(var b=0;b<a.feed.entry.length;b++){var c=a.feed.entry[b];titles[titlesNum]=c.title.$t;for(var d=0;d<c.link.length;d++)if("alternate"==c.link[d].rel){urls[titlesNum]=c.link[d].href,time[titlesNum]=c.published.$t,titlesNum++;break}}}function removeRelatedDuplicates(){var a=new Array(0),b=new Array(0);e=new Array(0);for(var c=0;c<urls.length;c++)contains(a,urls[c])||(a.length+=1,a[a.length-1]=urls[c],b.length+=1,b[b.length-1]=titles[c],e.length+=1,e[e.length-1]=time[c]);titles=b,urls=a,time=e}function contains(a,b){for(var c=0;c<a.length;c++)if(a[c]==b)return!0;return!1}function printRelatedLabels(a){var b=a.indexOf("?m=0");-1!=b&&(a=a.replace(/\?m=0/g,""));for(var c=0;c<urls.length;c++)urls[c]==a&&(urls.splice(c,1),titles.splice(c,1),time.splice(c,1));var d=Math.floor((titles.length-1)*Math.random()),c=0;if(document.write("<ul>"),0==titles.length)document.write("<li>Kh\xf4ng c\xf3 b\xe0i vi\u1ebft li\xean quan \u2192 </li>");else for(;c<titles.length&&c<20&&c<maxresults;)-1!=b&&(urls[d]=urls[d]+"?m=0"),document.write('<li><a href="'+urls[d]+'" title="'+time[d].substring(8,10)+"/"+time[d].substring(5,7)+"/"+time[d].substring(0,4)+'">'+titles[d]+"</a></li>"),d<titles.length-1?d++:d=0,c++;document.write("</ul>"),urls.splice(0,urls.length),titles.splice(0,titles.length)}var titles=new Array,titlesNum=0,urls=new Array,time=new Array;
//]]></script>
Bước tiếp theo chèn đoạn code bên dưới vào nơi mà bạn muốn hiển thị trong bài viết
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='qc-header-post'>
<div class='post-ads'>
Đặt 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-posts'>
<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://bitdesinger.blogspot.com/" style="position: absolute;visibility: hidden;"></a>
</div>
</b:if>
</div>
</div>
</b:if>
Tìm Đoạn Code Này Và Chèn Vào Thẻ <data:post.body/>
  1. Lưu ý : Chèn ở trên thẻ <data:post.body/> thì xuất hiện ở trên đầu bài viết
  2. Lưu ý : Chèn ở dưới thẻ <data:post.body/> thì xuất hiện ở cuối bài viết
Từ khóa : Code tạo vài viết liên quan cho blogspot, tiện ích tạo bài viết liên quan cho blogger, code bài viết liên quan cho blogspot, widgets bài viết liên quan cho blogspot, bài viết liên quan nơi bài viết blogger

Vnlike247.Net



sentiment_satisfied Emoticon