• Tư vấn điều trị
      bệnh khàn tiếng


    www.trikhantieng.com

    Liên hệ + 0913163316

BlogList111

Việt Nam Gia Phả, nơi lưu trữ Gia Phả của người Việt Nam  Kiến thức Blogspot Ngonluanho: Nhung cau chuyen thap lua-Tin-Cay-Men Vngreenzone Là một nơi chia sẻ kinh nghiệm làm blogger - Nơi tôn vinh tâm hồn blogger Việt

Tiện ích Bài viết liên quan có ảnh đại diện

10
13/12/2010

Ngoài tiện ích Bài viết liên quan có ảnh đại diện của Linkwithin, còn có tiện ích tương tự hiển thị các liên kết đến các bài viết liên quan kèm ảnh đại diện cho một bài viết thuộc một nhãn nào đó. Tiện ích này giúp cho người đọc dễ dàng tìm đến bài viết theo chủ đề và cũng giúp cho blog của bạn đẹp hơn. :19)

Để cài đặt tiện ích này, bạn hãy thực hiện theo các bước sau.

Bước 1. Đăng nhập Blogger, vào Design >> Edit HTML, chọn Expand Widget Templates.

Đặt đoạn code dưới đây vào trước thẻ </head>.

<!--Related Posts with Thumbnails 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 h2{
font-size: 1.6em;
font-weight: bold;
color: blue;
font-family: Arial, 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="http://bit.ly/hGWr7r";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Bài viết liên quan";
</script>
<script src='http://hacodeproject.googlecode.com/files/relaposts-thumbnails.js' type='text/javascript'/>
</b:if>
<!--Related Posts with Thumbnails Scripts and Styles End-->

Bước 2. Tìm dòng <div class='post-footer-line post-footer-line-3'> và đặt đoạn trước nó với đoạn code dưới đây.

<!-- Related Posts with Thumbnails Code Start-->
<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=8&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'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

Bạn có thể điều chỉnh số bài viết tối đa được hiển thị bằng cách thay con số trong dòng code var maxresults=5;.

{10 bình luậnAdd yours ?}

12:29:00, 15 thg 1, 2011

mình không nhìn thấy dòng này
div class='post-footer-line post-footer-line-3
bạn chỉ mình với nhé

Reply
15:31:00, 15 thg 1, 2011

@wWw.dammeso.com :)] Không có dòng đó thì bạn đặt sau dòng <div class='post-footer'> hoặc trước dòng
<div class='post-footer-line post-footer-line-1'>

Reply
18:53:00, 16 thg 1, 2011

Cảm ơn anh đã trả lời
Tiện đây em xin hỏi thêm chút nữa mong anh giúp :d
Em mới cài trang dammesodaily.blogspot.com
Em đã tạo menu
nhưng làm sao em có thể tạo được liên kết
Ý em là là kích vào menu đó
thì nó liến két tới danh sách bài viết theo chủ đề
Vd: khi kích vào kinh doanh
nó hiện ra list bài viết
như ở mục home của anh ấy ạ
khi kích vào mục home
nó hiện ra danh sách một số bài viết
Em cảm ơn anh nhé
mong nhận được sự giúp đỡ của anh

Reply
19:15:00, 16 thg 1, 2011

Cho em hỏi thêm là làm sao mình có thể ngắt bài viết ra
như là mục giới thiệu ấy ạ
bài em post dài quá anh ạ

Reply
19:47:00, 16 thg 1, 2011

Hi
anh ơi
Em làm dduwwocj rồi
May nhờ nhìn link bài của anh
Em làm được menu rồi anh ạ
Chỉ có làm cho bài viết có giới thiệu ngắn đi
Em chưa làm được
Mong anh giúp

Reply
19:54:00, 16 thg 1, 2011

HÌnh như cái này không tối ưu cho lắm ảnh nhỉ
Anh có cách nào bày cho em với
như em vào trang home của anh
nó có số coment
rồi phân mục ra
khác của em

Reply
23:21:00, 16 thg 1, 2011

@wWw.dammeso.com Em đọc bài nàybài này để làm được như vậy nhé. ~x(

Reply
09:29:00, 17 thg 1, 2011

Em cảm ơn anh
Em đã làm được rồi
Blog anh rất hay
À.Anh cho em hỏi về phần tạo menu với
Anh bảo đọc bài nay
Vói bài này
thì cả hai link đề là tạo readmore tự động anh ạ

Reply
16:50:00, 19 thg 10, 2011

Anh Hà cho em hỏi chút ạ.
Làm sao để điều chỉnh được giống với Related Posts của anh vậy?
Em làm theo anh hướng dẫn nhưng mà hình nhỏ quá và không giống của anh.

Reply
Nội quy! Đóng lại Khi bạn viết bình luận, cần tuân thủ một số quy tắc sau:
» Bình luận phải nghiêm túc và không chứa các liên kết quảng cáo.
» Có thể sử dụng các thẻ <b> … </b>,<i> … </i>, <a href="URL..."> ... </a>.
» Yêu cầu thủ thuật tại mục Yêu cầu thủ thuật hoặc hỏi tại mục Hỏi và Đáp.
More →
Chữ đậm Chữ nghiêng Chữ nghiêng 2 Chèn Link Chèn Link Mã hóa code Help ?Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.

Chọn Xóa

Next post: Bài đăng Mới hơn

Previous post: Bài đăng Cũ hơn