19/2/10

Tiện ích bài viết liên quan chuyên nghiệp cho blogspot

Với các blogger đang dùng blogspot thì có ẽ có 2 thủ thuật mà họ sẽ ko thể bỏ qua để biến blog của mình trở nên chuyện nghiệp hơn. đó là thủ thuật Readmorebài viết liên quan . đã từng có khá nhiều blogger viết hướng dẫn về chủ đề này rùi. hôm nay mình post có lẽ chỉ là người theo sau thôi :D. bây giờ sẽ hướng dẫn mọi người cách làm bài viết liên quan như của barabasova.
 Bài Viết Cùng Chủ Đề

Trước tiên hãy đăng nhập blog save template rùi vào phẩn chỉnh html và tìm đến đoạn code tương tự như sau.
<div class='post-footer-line post-footer-line-3'/>
hoặc
<div class='post-footer-line post-footer-line-2'/>
hoặc
<div class='post-footer-line post-footer-line-1'/>
P/S: Nếu như blog của bạn có line-3 thì nên chọn nó . trong trường hợp template của bạn ko có 2 đoạn code trên thì có thể tìm đến đoạn code tương tự như sau:
<data:post.body/>
và chèn dưới nó đoạn code sau :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='post-labels-for-related' style='display:none'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop></b:if></div>

<div id='post-timestamp-for-related' style='display:none'><data:post.timestampISO8601/></div>

<style type='text/css'>
#related-posts-block {
margin:10px 5px;
font-size:12px;
color:#999999;
text-transform:none;
}
#related-posts-block #related-posts-loading-text{
font-size:18px;
color:#FF0033;
text-align:center;
}
#related-posts-block #related-newest-href {
margin:10px 5px;
}
#related-posts-block #related-newest-href ul{
list-style-image:url(http://i773.photobucket.com/albums/yy17/lethuan_ua/arrow.gif);

}
#related-posts-block #related-newest-href #related-newest-title {
font-size:16px;
margin:10px 5px

}
#related-posts-block #related-newest-href a{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}
#related-posts-block #related-older-href {
margin:10px 5px;
}
#related-posts-block #related-older-href ul{
list-style-image:url(http://i773.photobucket.com/albums/yy17/lethuan_ua/arrow.gif);
}
#related-posts-block #related-older-href #related-older-title {
font-size:16px;
margin:10px 5px
}
#related-posts-block #related-older-href a{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}
</style>

<div id='related-posts-block'>
<div id='related-posts-loading-text'>Loading related posts... <img align='absmiddle' src='http://i773.photobucket.com/albums/yy17/lethuan_ua/25.gif'/></div>
<div id='related-newest-href'><div id='related-newest-title'/></div>
<div id='related-older-href'><div id='related-older-title'/></div>
</div>
</b:if>
Sau đó hãy tìm đến thẻ </body>  và chèn trên nó đoạn code dưới đây:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
var showdate = false;
var max_post = 12;
//]]>
</script>
<script src='http://lethuan.110mb.com/bai-viet-cung-chu-de211.js' type='text/javascript'/>
</b:if>
Save template lại là ok
PS: nên download file js của mình upload nên host riêng.
Disqus Comments