Widget bài đăng liên quan trong blogger

Bài viết liên quan Widget, như tiêu đề nói, Widget này sẽ tạo danh sách các bài viết liên quan. Widget này có thể được thêm vào trong trang chủ (dưới mỗi bài viết) hoặc bên trong bài viết. Bằng cách đặt Tiện ích bài đăng liên quan này, có khả năng lan truyền các bài đăng khác đến khách truy cập và họ có thể có xu hướng lấy bài đăng đó khỏi danh sách, nó sẽ làm giảm tỷ lệ thoát của blog của bạn và sẽ khiến khách truy cập của bạn đột ngột thoát khỏi Blog. Hãy xem cách thêm tiện ích bài đăng liên quan vào Blogger

Thêm tiện ích bài viết liên quan theo cách thủ công

1. Đăng nhập vào Blogger
2. Mẫu >> Chỉnh sửa Html >> Mở rộng Widgets
3. Tìm </ đầu>
4. Sao chép mã dưới đây </ head>

<b:if cond='data:blog.pageType == &quot;item&quot;'> /* remove this */
<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: 18px;
letter-spacing: 2px;
font-weight: bold;
text-transform: none;
color: #5D5D5D;
font-family: Arial Narrow;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
border-right: 1px dotted #DDDDDD;
color:#5D5D5D;
}
#related-posts a:hover{
color:black;
background-color:#EDEDEF;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMLrI6wiRPsBwCTBFqc6i8rkKTIEgEO835rmStFTfZyLIpzinDGg0wXDqLLIPF6jD1ysMXPHAZk9_3HXrcyFqlsP67D2hv0xAYxLDq7oB6ez3etWo_D9qe8AUMZC_5Rz1x4Hnw6JNnh_s/s400/noimage.png";
var maxresults=5;
var splittercolor="#DDDDDD";
var relatedpoststitle="Related Posts";
</script><a href="http://Tonyisright.blogspot.com" style="font-size:0pt">Blogger Widgets</a>
<script src='http://netoopscodes.googlecode.com/svn/netoops-related-posts-with-thumbnails-blogger.js' type='text/javascript'/>
</b:if> /* remove this */
<!--Related Posts with thumbnails Script End-->

Tùy biến
Đặt URL của hình ảnh trong dấu ngoặc kép để hiển thị nếu không có hình ảnh trong bài viết.
Maxresults = 5 - thay đổi giá trị để thay đổi số lượng bài đăng sẽ được hiển thị.
Splittercolor = "# DDDĐD" - thay đổi màu của dòng chia giữa các bài viết. Kiểm tra ở đây để xem bộ chọn mã màu
Relecoststitle = "Bài viết liên quan" - Thay đổi tên của tiêu đề.
Thêm vào chân trang
  Tìm <div class = 'post-footer'> và sao chép mã bên dưới lên trên nó

<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=6&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'/>
</b:if><b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://netoopsblog.blogspot.com'><img alt='Blogger Widgets' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNJ5hikcNefubp5iSLM8Ss45F1IwhyYbLJP9YbVKgbOFUK8riucOSw0cgRXDDphCs92LJWVXABArnGIDAarVhp7NfQCx0AMffERyaKEMHJfzRr9jUBwqU2GpWaFtXemXmJ2dswUs7V0Bw/s1600/1x1juice.png'/></a>
</b:if></b:if>