Breaking

Saturday, October 27, 2012

Bài viết liên quan Related Posts Widget for Blogger v1 (bloggerplugins.org) (vi)

Trông hình thức tương đối đơn giản. Chạy được với nhãn tiếng việt
Phần JS bạn nên đặt trước </head>

<!--Related Posts Scripts and Styles Start-->
<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 .widget{
padding-left:6px;
margin-bottom:10px;
}
#related-posts .widget h2, #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:blue;
}
#related-posts a:hover{
color:blue;
}
#related-posts ul{
list-style-type:none;
margin:0 0 0px 0;
padding:0px;
text-decoration:bold;
font-size:15px;
text-color:#000000
}
#related-posts ul li{
background:transparent url(http://bit.ly/starbendoivn) no-repeat ;
display:block;
list-style-type:none;
margin-bottom: 13px;
padding-left: 30px;
padding-top:0px;}
</style>
<script type='text/javascript'>
var relatedpoststitle="Related Posts";
</script>
<script src='http://bloggergadgets.googlecode.com/files/related_posts_min.js' type='text/javascript'/>
</b:if>
Phần JS và XML để xuất dữ liệu
Tìm dòng <div class='post-footer-line post-footer-line-1'>
Nếu không thấy thì tìm <p class='post-footer-line post-footer-line-1'>
Chèn sau đó đoạn này:

<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>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var maxresults=5;
removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);
</script>
</div>
</b:if>


Ghi chú:

  • Related Posts : Từ bạn muốn ví dụ "còn mấy bài nữa nè"
  • maxresults: Số bài

Mình đã thay đổi chút:
1. URL ảnh khá dài nên thay http://bit.ly/starbendoivn cho ngắn, bạn có thể thay bằng ảnh khác.
2. Có 1 link quảng cáo đến bloggerplugins.org không quan trọng được bỏ để bạn sẳn dùng.

No comments:

Post a Comment