Code tạo bài viết liên quan cho blogger blogspot

Code tạo bài viết liên quan cho blogger blogspot, bài viết liên quan (Related Post widget) một tiện ích khá quan trọng để tối ưu seo cho blogger. Bài viết Code tạo bài viết liên quan cho blogger blogspot giúp bạn tạo related post đạt cấu trúc chuẩn seo cho blog.

Code tạo bài viết liên quan cho blogger blogspot

1/ Related Post 1

Thêm đoạn mã bên trên thẻ ]]></b:skin>

#related-posts{float:left}
#related-posts ul{margin:0;padding:0;list-style-type:none}
#related-posts ul li{padding:10px 0}
#related-posts ul li:hover img{width:42px;height:42px;padding:0}
#related-posts img{float:left;border:1px solid #BBB;margin-right:10px;width:36px;height:36px;background:#FFF;padding:3px}
#related-posts h3{margin:0;font-size:16px}

Tiếp theo chèn đoạn code bền dưới thẻ <div class='post-footer'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='clear:both'/>
<div id='related-posts'>
<script
 type='text/javascript'>var ry='<h2>Bài viết liên 
quan</h2>';rn='<h2>Không có Bài viết liên 
quan</h2>';rcomment='Nhận xét';rdisable='Tắt Nhận 
xét';commentYN='yes';</script>
<script type='text/javascript'>
//<![CDATA[
var
 dw='';titles=new Array();titlesNum=0;urls=new Array();timeR=new 
Array();thumb=new Array();commentsNum=new Array();comments=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('thr$total' in 
d){commentsNum[titlesNum]=d.thr$total.$t+' 
'+rcomment}else{commentsNum[titlesNum]=rdisable};if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;timeR[titlesNum]=d.published.$t;if('media$thumbnail'
 in 
d){thumb[titlesNum]=d.media$thumbnail.url}else{thumb[titlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGfIzHuAJAXu3ei9L3cJzsq-lFtyQiftGYsPg4VnBLr9J5p6PL0z8Vl4O7PkB5AkhmoGS4VjUA8pZHB5vqthDyJ8n8jSnGdcoyihznUs_l1KZWgbf_Zs4IsUDFKFVX1F8GIWQ6PCBjOoDn/'};titlesNum++;break}}}}function
 removeRelatedDuplicates(){var b=new Array(0);c=new Array(0);e=new 
Array(0);f=new Array(0);g=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]=timeR[a];f.length+=1;f[f.length-1]=thumb[a];g.length+=1;g[g.length-1]=commentsNum[a]}}urls=b;titles=c;timeR=e;thumb=f;commentsNum=g}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);timeR.splice(b,1);thumb.splice(b,1);commentsNum.splice(b,1)}}var
 c=Math.floor((titles.length-1)*Math.random());var 
b=0;if(titles.length==0){dw+=rn}else{dw+=ry;dw+='<ul>';while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+'?m=0'}if(commentYN=='yes'){comments[c]='
 - '+commentsNum[c]}else{comments[c]=''};dw+='<li><img 
alt="'+titles[c]+'" src="'+thumb[c]+'"/><div><h3><a 
href="'+urls[c]+'" 
rel="nofollow">'+titles[c]+'</a></h3><span>'+timeR[c].substring(8,10)+'/'+timeR[c].substring(5,7)+'/'+timeR[c].substring(0,4)+comments[c]+'</span></div></li><div
 
style="clear:both"></div>';if(c<titles.length-1){c++}else{c=0}b++}dw+='</ul>'};urls.splice(0,urls.length);titles.splice(0,titles.length);document.getElementById('related-posts').innerHTML=dw};
//]]>
</script>
<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=6;removeRelatedDuplicates();printRelatedLabels('<data:post.url/>');</script>
</div>
<div style='clear:both'/>
</b:if>

2/ Related Post 2

Chèn code CSS trước thẻ ]]></b:skin>

#related-posts{float:left}
#related-posts ul{margin:5px 0;width:524px;padding:0;list-style-type:none}
#related-posts ul li{position:relative;float:left;border:0 none;margin-right:11px;width:76px}
#related-posts ul li:hover{z-index:98}
#related-posts ul li:hover img{border:3px solid #BBB}
#related-posts ul li:hover div{position:absolute;top:40px;left:10px;margin-left:0;width:200px}
#related-posts ul li img{border:3px solid #DDD;width:70px;height:70px;background:#FFF}
#related-posts ul li div{position:absolute;z-index:99;margin-left:-999em}
#related-posts ul li .title{border:1px solid #CCC;background:#FFF;padding:5px 10px}

Tiếp theo nhấp Ctrl + F tìm tới thẻ <div class='post-footer'>
chèn code ngay dưới nó

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='clear:both'/>
<div id='related-posts'>
<script
 type='text/javascript'>var ry='<h2>Bài viết liên 
quan</h2>';rn='<h2>Không có Bài viết liên 
quan</h2>';rcomment='Nhận xét';rdisable='Tắt Nhận 
xét';commentYN='yes';</script>
<script type='text/javascript'>
//<![CDATA[
var
 
nothumb='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGfIzHuAJAXu3ei9L3cJzsq-lFtyQiftGYsPg4VnBLr9J5p6PL0z8Vl4O7PkB5AkhmoGS4VjUA8pZHB5vqthDyJ8n8jSnGdcoyihznUs_l1KZWgbf_Zs4IsUDFKFVX1F8GIWQ6PCBjOoDn/';dw='';titles=new
 Array();titlesNum=0;urls=new Array();time=new Array();thumb=new 
Array();commentsNum=new Array();comments=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('thr$total' in 
d){commentsNum[titlesNum]=d.thr$total.$t+' 
'+rcomment}else{commentsNum[titlesNum]=rdisable};if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;time[titlesNum]=d.published.$t;if('media$thumbnail'
 in 
d){thumb[titlesNum]=d.media$thumbnail.url}else{thumb[titlesNum]=nothumb};titlesNum++;break}}}}function
 removeRelatedDuplicates(){var b=new Array(0);c=new Array(0);e=new 
Array(0);f=new Array(0);g=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];f.length+=1;f[f.length-1]=thumb[a];g.length+=1;g[g.length-1]=commentsNum[a]}}urls=b;titles=c;time=e;thumb=f;commentsNum=g}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);thumb.splice(b,1);commentsNum.splice(b,1)}}var
 c=Math.floor((titles.length-1)*Math.random());var 
b=0;if(titles.length==0){dw+=rn}else{dw+=ry;dw+='<ul>';while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+'?m=0'}if(commentYN=='yes'){comments[c]='
 - '+commentsNum[c]}else{comments[c]=''};dw+='<li><a 
href="'+urls[c]+'" rel="nofollow"><img alt="'+titles[c]+'" 
src="'+thumb[c]+'"/></a><div 
class="title"><h3><a href="'+urls[c]+'" 
rel="nofollow">'+titles[c]+'</a></h3><span>'+time[c].substring(8,10)+'/'+time[c].substring(5,7)+'/'+time[c].substring(0,4)+comments[c]+'</span></div></li>';if(c<titles.length-1){c++}else{c=0}b++}dw+='</ul>'};urls.splice(0,urls.length);titles.splice(0,titles.length);document.getElementById('related-posts').innerHTML=dw};
//]]>
</script>
<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=6;removeRelatedDuplicates();printRelatedLabels('<data:post.url/>');</script>
</div>
<div style='clear:both'/>
</b:if>

Cuối cùng lưu lại chúc mừng bạn đã tạo bài viết liên quan cho blogger blogspot với 2 kiểu dáng phổ biến và thông dụng nhất.

Cách thêm bình luận facebook vào blogger blogspot

Cách thêm bình luận facebook vào blogger blogspot, ô bình luận (Comment) trên blogger không thể thiếu được. Dưới đây thủ thuật blogger chia sẻ với bạn làm thế nào để chèn code comment facebook vào blogger blogspot?

Cách thêm bình luận facebook vào blogger blogspot

Bước 1: Đăng nhập Blogger >> Mẫu (Template) >> chỉnh sửa HTML (Edit HTML) >> Chèn code lên phía trên thẻ </head>

<script type='text/javascript'>
//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="5" data-width="660"></div>';
//]]>
</script>

Bước 2: Thêm code lên phía trên </body>

<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

Bước 3: Ấn Ctrl + F tìm đoạn

<b:include data='post' name='post'/>

Và chèn code bên dưới nó

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if> 

Lưu lại và như vậy là bạn đã tạo thành công ô bình luận facebook vào blogger blogspot rồi đấy

Cách thêm Code Meta Tags cho Blogger Blogspot

Cách thêm Code Meta Tags cho Blogger Blogspot - Một website hay blogger đều cần có các thẻ mô tả (description), từ khóa (keywords) để bot google tìm kiếm website của bạn seo dễ dàng hơn.

Cách thêm Code Meta Tags cho Blogger Blogspot

Cách thêm Code Meta Tags cho Blogger Blogspot

Công việc thêm code Meta Tags cho Blogger Blogspot là tối ưu hóa công cụ tìm kiếm (Seo). Bài viết này sẽ chia sẻ với bạn làm sao để tối ưu Meta Tags được tốt hơn nhé

#Bước 1: Bạn cần phải đăng nhập vào blogger của bạn >> Mẫu (Template) >> Chỉnh sửa HTML
#Bước 2: Nhấp Ctrl + F tìm thẻ </b:skin> chèn code lên phía bên trên nó

<b:include data='blog' name='all-head-content'/>

<b:if cond='data:blog.pageType == &quot;index&quot;'>

<title><data:blog.pageTitle/></title>

<b:else/>

<title><data:blog.pageName/> | <data:blog.title/></title>

</b:if>

<meta content='Mô tả' name='description'/>

<meta content='Từ khóa' name='keywords'/>

<meta content='Tên tác giả' name='Author'/>

<meta content=' Địa chỉ email ' name='Email'/>

<meta content='document' name='resource-type'/>

<meta content='all' name='audience'/>

<meta content='general' name='rating'/>

<meta content='all' name='robots'/>

<meta content='index, follow' name='robots'/>

<meta content='id' name='language'/>

<meta content='id' name='geo.country'/>

<meta content='global' name='distribution'/>

<meta content='2 days' name='revisit-after'/>

<meta content='Viet Nam' name='tuhocmmo'/>

Cuối cùng hãy lưu lại.

Code hiển thị bài viết theo nhãn nhất định trên trang chủ blogger blogspot

Code hiển thị bài viết theo nhãn nhất định trên trang chủ blogger blogspot - hiển thị một số nhãn nhất định ngoài trang chủ giúp blogger blogspot của bạn ẩn được những nhãn, bài viết mà bạn không muốn show ra để mọi người thấy, cũng tốt cho việc seo nếu bạn muốn seo chủ đề website, blog của bạn.

Code hiển thị bài viết theo nhãn nhất định trên trang chủ

Bước 1: Đăng nhập vào Blogger >> Mẫu (Template) >> Chỉnh sửa HTML (Edit HTML)
Bước 2: Nhấp Ctrl + F tìm tới <b:includable id='main' var='top'> bạn sẽ thấy dòng code như bên dưới 

<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<data:adCode/>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>

Hãy thay thế bằng một đoạn code bên dưới

<b:loop values='data:posts' var='post'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
<b:if cond='data:label.name != "Thủ Thuật Blogger"'>
<b:include data='post' name='printPosts'/>
</b:if>
</b:if>
</b:loop>
</b:if>
<b:else/>
<b:include data='post' name='printPosts'/>
</b:if>
</b:loop>

Tiếp theo bạn tìm thẻ </b:includable> của <b:includable id='main' var='top'> và đặt code ngay sau thẻ </b:includable> vừa thấy

<b:includable id='printPosts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'>
<data:post.dateHeader/>
</h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</b:includable>

*Chú ý: Trong phần "Thủ Thuật Blogger" bạn có thể thay nhãn tùy ý theo sở thích của mình. Với bài viết Code hiển thị bài viết theo nhãn nhất định trên trang chủ blogger blogspot hi vọng bạn sẽ tạo nên một blogger thật hoàn hảo theo ý mình nhé.