Cách tạo khung bài viết liên quan đẹp cho blogspot

Cách tạo khung bài viết liên quan đẹp cho blogspot

KIỀU GIA HUY / lúc 07:28 ngày Thứ Bảy, 15 tháng 7, 2017 / 7 bình luận

Chia sẻ

Chọn hình thức muốn chia sẻ:
• Copy liên kết
• Facebook
• Google +
• Email

Kết bạn Kiều Gia Huy để cùng trao đổi, học hỏi và nhận nhiều bài viết hay, hữu ích nhé!

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ạncách tạo bài viết liên quan cho blogger trên bài viết

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