Tạo Related post trong Blogspot, bài viết liên quan cho blogspot, Related Posts with Thumbnails
Đây là tiện ích không quá xa lạ với dân blogger. Nhưng với Newbie thì vẫn còn chút bỡ ngỡ. Thủ thuật hôm nay hướng dẫn cách tạo bài viết liên quan cho blogspot.
Các bước thực hiện
Bước 1: Vào Blogger Dashboard >> Mẫu >> Chỉnh sửa HTML;
Bước 2: Tích vào Expand widgets template(Mở rộng mẫu tiện ích)
Bước 3: Copy đoạn code trước </head> hoặc sau <head>
Bước 4: Nhấn Ctrl + F để tìm <div class='post-footer'>
Bước 5: Chèn đoạn code này bên dưới dòng lệnh vừa search
Bạn nên tạo một host để lưu file js của mình. Cụ thể là vào trang http://code.google.com
Đây là tiện ích không quá xa lạ với dân blogger. Nhưng với Newbie thì vẫn còn chút bỡ ngỡ. Thủ thuật hôm nay hướng dẫn cách tạo bài viết liên quan cho blogspot.
Các bước thực hiện
Bước 1: Vào Blogger Dashboard >> Mẫu >> Chỉnh sửa HTML;
Bước 2: Tích vào Expand widgets template(Mở rộng mẫu tiện ích)
Bước 3: Copy đoạn code trước </head> hoặc sau <head>
<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == "item"'>
<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/AVvXsEi6R3Bvc0qGpeK_vHBGqmP7BFEC-biBT_hB7ti_q5T_vExiV0ZQZ4-LzwbKpBBIIidXOU2PfcPi7nvg54vJPjLMvqyUd_5-H_Y1EELvOhcd0VyqytnIDmSv44m1k7VtMpafUu6ts4dBZ-tL/s1600/no_image.jpg";
var maxresults=5;
var splittercolor="#DDDDDD";
var relatedpoststitle="Related Posts";
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-big-thumbnails.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
Bước 4: Nhấn Ctrl + F để tìm <div class='post-footer'>
Bước 5: Chèn đoạn code này bên dưới dòng lệnh vừa search
<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</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://www.erhay.com'><img alt='Blogger Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwoq_H41EdW9ue0mavaEXqlo7VhHcLparPaCt_AYUkacG03dPIiWwvX67i154iDBIH5LL_V5j5WtnyURw9IYOgw6ihKHnJL1bPJrZ_TLYJhRD05JeymEWRxf4PvIMm2ngDwNUPdPh_eenz/s1600/best+blogger+tips.png'/></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->
