Breaking

Saturday, October 27, 2012

Related Posts Widget for Blogger with Thumbnails (bloggerplugins.org) (en)

related posts with thumbnails for blogger
Nhược điểm cái này là không chạy tốt với nhãn tiếng việt.

Phần JS và CSS ở <head>


<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiA71WM3ghnzUt8LbbrPRUUBFlY5ECCd8OGZ6tybjdXUgQ8YnPHMXMtTR1EyH7x6sUlDgXOZxKSb7NUxI0VpZN6W72v_boqYMj2w8f-dfAAANrNnKIxGZC-eRX8kQbdj7YrhiHvbZcOf4/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='http://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js' type='text/javascript'/>
</b:if>

Phần XML+JS để lấy và xuất dữ liệu
Bạn tìm: <div class='post-footer-line post-footer-line-1'>
Nếu không thấy thì tìm tiếp <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>
<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'>
</b:if></b:if>



Ghi chú:

  • maxresults: số bài được hiển thị
  • max-results: số bài viết khi bấm vào nhãn
  • Related Posts: Thay bằng từ bạn muốn.

No comments:

Post a Comment