Gắn hình ảnh cho bài viết có nhiều nhận xét
Đây là thủ thuật gắn hình ảnh cho Bài đăng có nhiều Nhận xét. Tùy theo cấp độ số lượng Nhận xét trong Bài đăng đó mà được gắn hình ảnh khác nhau, hình thức gần giống với tiện ích Đánh giá Bài đăng. Ở đây mình chia cấp độ số lượng Nhận xét trong Bài đăng thành 3 nhóm nhỏ: Đông vui, Sôi động và 100 độ.Bước 1: Thêm đoạn mã dưới đây vào trước thẻ
]]></b:skin> trong template của bạn..post{position:relative}
.groupcomment{position:absolute;top:0px;right:-32px;border:0 none !important;width:64px;height:30px}Bước 2: Thêm đoạn mã dưới đây vào trước thẻ
</head> trong template của bạn.<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/AVvXsEjazPtUIR11rHVxnvGHdTEbX8mfs7jQCXxUao5ujQPT5ilrGALEU7SRA2cWIKZK-nsbnhFThnz7Oj0A1XqfthoR_f06H72kvn96PGAwapF9nuaOq1xea7pFnRcojMAsZy-qcSRXBj7vmEI/"/>')}else{if((groupcomment2<=numcomments) && (numcomments<groupcomment3)){document.write('<img alt="soi dong" class="groupcomment" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEintNk5lpasE3pbbKATBZaMG2jl5IYqXKHMz9ZuCCYk3m7Z9NtVEtn4_75NZ1ntzV3aDxTBunbJ3WIcAzJUhSxpQ_m56pP8RhTUrd2uR-yLq7N3f1HLMgYYfWTjGjPvyyO6DP1G4wW3ZZQ/"/>')}else{if(groupcomment3<=numcomments){document.write('<img alt="100 do" class="groupcomment" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTo8KxiKh3-coiFPtuA4fZ_WnbWvTnTzlInEa-VUQCNuGdGaEHl-sWpuRz5EcoQ5yPGTeK9-q9GqdWzORq3nmHD7C2p0g77bdG19O-s4f-lG00h2ImiHLcjiPZ1DDOswBNNMHvGrBgpjs/"/>')}}}};
//]]>
</script>;Bước 3: Tìm thẻ
<a expr:name='data:post.id'/> và 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>
Ở đoạn mã bước 1 thìtop:0px;right:-32px;là tọa độ của ảnh so với classpost. Hãy chỉnh giá trị của thuộc tínhtopvàrightcho phù hợp với blog của bạn.
Ở đoạn mã bước 2 lần lượt nếu số lượng Nhận xét trong Bài đăng lớn hơn 10 thì được gắn ảnh, lớn hơn 50 thì được gắn ảnh
và lớn hơn 100 thì được gắn ảnh
. Hãy thay
10,50và100theo ý muốn của bạn.
Hướng dẫn thủ thuật Blogger, Blogspot
33
Nhận xét