[6][A.Thông điệp][slider-top-big][nothing]
You are here: Home / , Bài viết liên quan (Related post) trong Blogspot

Bài viết liên quan (Related post) trong Blogspot

| 6 Comments
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>

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- 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: 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=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzTrGsld5BiHT1F3sbiNE56kc3GlZG45QGE2tzwhA3GE318SrnCZYu6OWDiCqvphrBhs95NbZoOi5eKk7orNIJMHwDanTQOGzsE6lpFV4aLE0SD97PbUq2omp89b0-rsju2mrL9nSL1ae7/s1600/no_image.jpg&quot;;
var maxresults=5;
var splittercolor=&quot;#DDDDDD&quot;;
var relatedpoststitle=&quot;Related Posts&quot;;
</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 == &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'/>
<!-- 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/AVvXsEgPoHeeuBeyS_9Sl3QXiR_AggOBFu5drEtu-KLWHkW85WA_WFahb3orFogI0vyp4uUO3oQ2Bjn-EIv73bK1-I5PkIzmGy-OqPV6md4Q7ECDqbwenNzo3o1qspKTPeoi01OuTnifI_vqszgB/s1600/best+blogger+tips.png'/></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->

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

OK. Nếu bạn không làm được có thể để lại lời nhắn mình sẽ giúp đỡ hết lòng .:D

Bài viết sau sẽ hướng dẫn cách bạn cách tùy biến bất cứ vị trí nào đó để đặt tin bài viết liên quan. Chẳng hạn bạn thấy ở Erhay, bài viết liên quan nằm ở bên phải chứ ko phải ở dưới như trong bài hướng dẫn này.

-----------------------------------------&www.erhay.com&----------------------------------------
Related Posts
  • Default comments
  • Facebook comments
Subscribe to: Post Comments ( Atom )