Cực HOT

Related Posts Widget

Một trong những cách tốt nhất để tăng số lần xem trang và độc giả đang sử dụng một bài viết liên quan đến post plugin. Sau thành công rất lớn của các widget thu nhỏ bài realated bởi linkwithin, Aneesh phát triển widget cùng sử dụng mã tùy chỉnh mà đã thực sự đáng tin cậy hơn và hoàn toàn tùy biến được.
Giống như những người khôn ngoan sử Wordpress, Blogger cũng có thể có Bài viết liên quan với Related Post trong Blogspot Blogs.Tăng lần xem trang, tiện ích này có thể rất hữu ích, bạn có thể dễ dàng hiển thị các bài viết liên quan với hình thu nhỏ bên dưới mỗi bài viết hay bên dưới khu vực đăng bài mới rất dễ dàng .
Bài viết Related Posts Widget với Thumbnail "hình thu nhỏ" cho Blogger
Đây là các bước chi tiết để cài đặt các widget bài viết liên quan"Related Posts Widget cho các blogger với hình thu nhỏ
Bước # 1 Đăng nhập vào Blogger -> Layout -> Edit HTMLand chọn tick-boxExpand Widget Templates Sau đó, tìm (Ctrl + F) đoạn mã này trong các mẫu:
</head>
Và dán"add" đoạn code ở dưới trước </head>

<!--Related Posts with thumbnails Scripts bdlab.blogspot.com-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage="http://1.bp.blogspot.com/_jM8-wHc3NKY/TPyEXEv34II/AAAAAAAAADE/pgs7crFJ_D4/s1600/no+Image+1.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='https://sites.google.com/site/bdlab12/javascript123/bdlab-related-posts-with-thumbnails-for-blogger-pro.txt' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts bdlab.blogspot.com-->
 Tìm đoạn mã
<div class='post-footer-line post-footer-line-1'/>
 Nếu không tìm được đoạn trên , thì tìm đoạn code phía dưới
<p class='post-footer-line post-footer-line-1'/>
 Và sau những đoạn mã"code" ở phía trên bạn tìm được, dán"add" đoạn code ở dưới đây ngay sau những đoạn mã ở trên
 
<!-- Related Posts with Thumbnails Code Start bdlab.blogspot.com-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=5&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);</script>
</div><div style='clear:both'/>
<!-- remove --></b:if> 
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'><a href='http://bdlab.blogspot.com'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://3.bp.blogspot.com/_jM8-wHc3NKY/TPyFOT4CmhI/AAAAAAAAADM/MvlLp1fyfoM/s1600/blogger-widgets.png" /></a><a href='http://bdlab.blogspot.com' ><img style="border: 0" alt="Blogger Templates" src="http://4.bp.blogspot.com/_jM8-wHc3NKY/TPyE7xQNQxI/AAAAAAAAADI/GzCRDLFH7s0/s1600/blogger-templates.png" /></a></b:if></b:if>
<!-- Related Posts with Thumbnails Code End bdlab.blogspot.com-->
 
Now Click Save Template
 
Bạn có thể thay đổi số bài viết hiển thị trong đoạn code ở dưới.
var maxresults=5;
Nếu muốn thay đổi tựa đề, thì thay đổi ở đây

var relatedpoststitle="Related Posts";
Để thay đổi kich thước các bài viết hiển thị, thì thay đổi ở đoạn code dưới

var defaultnoimage="http://1.bp.blogspot.com/_jM8-wHc3NKY/TPyEXEv34II/AAAAAAAAADE/pgs7crFJ_D4/s1600/no+Image+1.png";

Thay đổi màu sắc
var splittercolor="#d4eaf2";

Thay đổi http://1.bp.blogspot.com/_jM8-wHc3NKY/TPyEXEv34II/AAAAAAAAADE/pgs7crFJ_D4/s1600/no+Image+1.png Code với đoạn mã bạn thích  phía dưới

http://1.bp.blogspot.com/_jM8-wHc3NKY/TPyEXEv34II/AAAAAAAAADE/pgs7crFJ_D4/s1600/no+Image+1.png
http://3.bp.blogspot.com/_jM8-wHc3NKY/TPyOzXNLzTI/AAAAAAAAADQ/NlQ5XzcwR7o/s1600/no+Image+2.png
http://3.bp.blogspot.com/_jM8-wHc3NKY/TPyPWE7TeGI/AAAAAAAAADU/lnu_0yAuNVc/s1600/no+Image+3.png
http://4.bp.blogspot.com/_jM8-wHc3NKY/TPyPzvFloHI/AAAAAAAAADY/Zj2ztC16d-Y/s1600/no+Image+4.png
http://1.bp.blogspot.com/_jM8-wHc3NKY/TPyQiKERJXI/AAAAAAAAADc/NRqhRjJ_nhU/s1600/no+Image+5.png
http://1.bp.blogspot.com/_jM8-wHc3NKY/TPyQ02TLA2I/AAAAAAAAADg/7MPwofGc4zY/s1600/no+Image+6.png
http://1.bp.blogspot.com/_jM8-wHc3NKY/TPyRJtqk0iI/AAAAAAAAADk/yoEEdacEtSc/s1600/no+Image+7.png
http://4.bp.blogspot.com/_jM8-wHc3NKY/TPyRczQKPiI/AAAAAAAAADo/2PGT9m8TodU/s1600/no+Image+8.png
http://3.bp.blogspot.com/_jM8-wHc3NKY/TPyRuFEIsXI/AAAAAAAAADs/9fcHpRJTglE/s1600/no+Image+9.png
http://2.bp.blogspot.com/_jM8-wHc3NKY/TPySDDp7ucI/AAAAAAAAADw/qAoI5AmxdBY/s1600/no+Image+10.png
http://2.bp.blogspot.com/_jM8-wHc3NKY/TPySZZo9oYI/AAAAAAAAAD0/1QZtIsQ3cJg/s1600/no+Image+11.png
http://4.bp.blogspot.com/_jM8-wHc3NKY/TPySsIicA9I/AAAAAAAAAD4/FhM0JDSzW7s/s1600/no+Image+12.png
                         http://3.bp.blogspot.com/_jM8-wHc3NKY/TPyS-Hp4UwI/AAAAAAAAAD8/zhSuvl3_YBo/s1600/no+Image+13.png
http://1.bp.blogspot.com/_jM8-wHc3NKY/TPyTMxMOlJI/AAAAAAAAAEA/GLaAraoOeQY/s1600/no+Image+14.png
http://4.bp.blogspot.com/_jM8-wHc3NKY/TPyTdZCASxI/AAAAAAAAAEE/i2ENNrRJOH0/s1600/no+Image+15.png







Recent Post

Related Posts Plugin for WordPress, Blogger...