Chia sẻ thủ thuật blogspot - blogger

luat1x1

11/23/2011

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 vuiSô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 sau thẻ </head> trong template của bạn.
<script type='text/javascript'>var groupcomment1=10;groupcomment2=50;groupcomment3=100;</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:
<script type='text/javascript'>
//<![CDATA[
function gantem(numcomments){if((groupcomment1<=numcomments) && (numcomments<groupcomment2)){document.write('<img alt="dong vui" class="groupcomment" src="http://lh6.ggpht.com/-_sTbZLmOiiw/TovYDYypw7I/AAAAAAAAAYs/4iRfU5p1_Vw/dongvui.png"/>')}else{if((groupcomment2<=numcomments) && (numcomments<groupcomment3)){document.write('<img alt="soi dong" class="groupcomment" src="http://lh4.ggpht.com/-whT_4Fy2XaM/TovYEktC-rI/AAAAAAAAAYw/AE94UX_8afE/soidong.png"/>')}else{if(groupcomment3<=numcomments){document.write('<img alt="100 do" class="groupcomment" src="http://lh4.ggpht.com/-Sdyl0fQYH_E/TovYF291D7I/AAAAAAAAAY0/xJ8MslYt6z8/100do.png"/>')}}}};
//]]>
</script>
<script type='text/javascript'>gantem(<data:post.numComments/>);</script>

Ở đ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ính top và right cho 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 dong vui, lớn hơn 50 thì được gắn ảnh soi dong và lớn hơn 100 thì được gắn ảnh 100 do. Hãy thay 1050 và 100 theo ý muốn của bạn.
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 nhận xét

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
© 2011 Luat1x1
Designed by BlogThietKe Cooperated with Duy Pham
Released under Creative Commons 3.0 CC BY-NC 3.0
Posts RSSComments RSS
Back to top