Wednesday, July 3, 2013

Blogger- Đánh dấu bài viết có nhiều nhận xét


 Thủ thuật đánh dấu các bài viết dược trên số lượng nhận xét của tác giả DUYPHAM.info
Thủ thuật này chia bài viết là 3 cấp độ:
- bài viết có trên 10 nhận xét (đông vui)
- bài viết trên 50 nhận xét (sôi động)
- bài viết trên 100 nhận xét. (100 độ)
Bạn có thể thay 10, 50, 100 thành các số mà bạn muốn

Bước 1: Thêm CSS

.post{position:relative}
.groupcomment{position:absolute;top:0px;right:-32px;border:0 none !important;width:64px;height:30px}

Bước 2: Thêm javacript trước </head>
<script type='text/javascript'>
//<![CDATA[
function gantem(numcomments)
{
var groupcomment1=10; groupcomment2=50; groupcomment3=100;
if((groupcomment1<=numcomments) && (numcomments<groupcomment2))
{
document.write('<img alt="dong vui" class="groupcomment" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip0JxNx5JqQZM8QGfJjxHIUSkFTc5dcuKZ5oA8P7nJlPF01vovtuzHDuyMYgJXg751Wmdbc6a-9rh9fuzWtwuCLYc_tSs3asl4Q9Sarx5dwZ-O893Pnd_Y1LR9Rifoo2iNY8Ust64TZuw/"/>')
}
else
{
if((groupcomment2<=numcomments) && (numcomments<groupcomment3))
{
document.write('<img alt="soi dong" class="groupcomment" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSiiE8S1LKcF1-PL2EXb5qq-KSglu7Qvai9MHxvVFe_e3zDKXe4LcubUNDCJ8pNkQX5KpppV9BHe9BPpDt-guJ0fOjcvxl6J9kxZ72S7d6RFfHjQ3RpsVMB6aF2gP0VCNNWrRHK5hscvo/"/>')
}
else
{
if(groupcomment3<=numcomments)
{
document.write('<img alt="100 do" class="groupcomment" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiJ239nXiPZnwfV5jdPAV1CLSrOceo7LktlsqdHvZbw2BkyESq_4ObxODTxA-EK_IZnLL1qFosdMJJkMJrabC6TDqi506wUmSSeh_TrJPgdPCg_2ZjrRK1voiSNB8gjfe1M1jdPmwvTXI/"/>')
}
}}};
//]]>
</script>;

Bước 3: XML
Tìm
<a expr:name='data:post.id'/>
thêm vào sau nó đoạn mã dưới đây:
<b:if cond='data:post.numComments != 0'>
<script type='text/javascript'>gantem(<data:post.numComments/>);</script>
</b:if>

Mở rộng : bạn có thể thay các hình ảnh <img ... /> bằng code CSS+HTML chứa chữ chú thích, cũng như thêm vài cấp độ bài viết để phù hợp với blog của bạn.

Tham khảo từ duypham.info (05/10/2011)

No comments:

Post a Comment