Giới thiệu | Thiết kế web chuẩn SEO | Google Adword giá rẻHotline: 0985.541.541 | Liên hệ
Game cashflow 202 Tiếng Việt
Quảng cáo giá rẻ | 6 lý do đặc biệt | Quy trình | Thanh toán | Hỏi đáp | Khác
» » Thủ thuật blogger (blogspot): Bài liên quan

Thủ thuật blogger (blogspot): Bài liên quan

Minh họa "Bài liên quan"
Related Posts Widget for Blogger (Blogspot) - (using CSS + Java)
Tiện ích cho phép hiển thị các bài viết liên quan (có cùng nhãn ở cuối mỗi bài viết) ở cuối mỗi bài viết. Thủ thuật có sử dụng CSS để làm cho tiện ích trông bắt mắt hơn.


☼ Bắt đầu thủ thuật:
1. Đăng nhập blog
2. Vào Bố cục (Layout)
3. Vào chỉnh sửa code HTML (Edit code HTML)
4. Nhấn chọn "Mở rộng mẫu tiện ích" (Expand widget template)
5. Chèn đọan code bên dưới ngay trên dòng code </head>


<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("http://i299.photobucket.com/albums/mm297/zozuglogger/weed-bullet.gif") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}
</style>
<script src='http://fandung.110mb.com/JS-files/fd-Related_posts.js' type='text/javascript'/>

6. Tiếp tục tìm đến dòng <data:post.body/> và chèn đọan code bên dưới ngay sau nó:

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Bài vi&#7871;t liên quan : </b></font>
<font color='#FF0000'>
<b:loop values='data:post.labels' var='label'><data:label.name/>
<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=5&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</font>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
</b:if>

7. Save template lại là xong.
[Fan Dung]
Bạn yêu mạng xã hội nào? Facebook hay

Có thể bạn quan tâm:

Bán Game Cashflow | Sim 3g giá cực rẻ
-----------o0o-----------
© 2009 - 2018 | 097.299.9580
CTY TNHH TMDV Quảng Cáo Thiên Long - 0918.433.433
268 Cộng Hòa, P13, Tân Bình, TPHCM
(dacbietthuvi.net - chuyên đăng quảng cáo. Phát triển bởi các thành viên. Chúng tôi không chịu trách nhiệm về nội dung do người dùng đưa lên)