Thứ Hai, 29 tháng 10, 2012
New Blogger Related Posts With Thumbnails Below All Posts
Chúng ta đều biết tầm quan trọng của Hiển thị Bài viết liên quan bên dưới mỗi bài viết trên blog. Tiện ích này thêm một số tính năng bổ sung và các tùy chọn như đã chỉnh sửa cho kích thước hình thu nhỏ và tiêu đề, do đó bạn có thể hiển thị nhiều bài viết liên quan hơn giới hạn 5.
Thêm Bài Viết Liên Quan Vào Blog
Bước 1: Vào Blogger > Mẫu > Chỉnh sửa HTML
Bước 2: Chọn mở rộng mẫu Tiện ích
Bước 3: Dán đoạn code sau vào trước thẻ </head>
<!--Start Related Posts Script--> <b:if cond='data:blog.pageType == "item"'> <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, “Times New Roman”, 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/AVvXsEgfr0F09_67RTTZcp4H0SUC2JjZXpv7TULX35Ok_0SkFbBRxsqEPqhk-CUs7Wxlo5jqezwgq4WeJa_FKh6OqV3ALxngXwrfsVLBZls2y3G1qXC7sFSFUA44cAVM3c8X1SB8pG2jjTdZKHiX/s1600/No+Image.jpg"; var maxresults=7; var splittercolor="#d4eaf2"; var relatedpoststitle="Bài Viết Liên Quan"; </script> <script src='http://yourjavascript.com/22811210832/RelatedPoststhumb3.txt.js' type='text/javascript'/> </b:if> <!--End Related Post-->
- var maxresults=7 : Số bài viết muốn hiển thị
- Bài Viết Liên Quan : Chỉnh sửa theo ý bạn
<div class='post-footer'>
- Nếu không tìm thấy thẻ bên trên thì tìm thẻ sau <data:post.body/>
<!-- start related posts--> <b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs("<data:post.url/>"); </script> </div><div style='clear:both'/> </b:if> <!-- end related posts-->Bước 6: Lưu template vào và thử vào một bài viết xem kết quả nào! Chúc bạn thành công!
Thứ Năm, 25 tháng 10, 2012
Đăng ký:
Bài đăng (Atom)