Trang chủ \5.10.11

Gắn hình ảnh cho bài viết có nhiều nhận xét

ratingsĐâ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 động100 độ.


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="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>;

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 class post. Hãy chỉnh giá trị của thuộc tính topright 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 10, 50100 theo ý muốn của bạn.

Chia sẻ Phần mềm và Tài liệu cho người dùng Windows, Ubuntu. Hướng dẫn Thủ thuật cho người dùng Blogger, Blogspot.

35

Nhận xét
1

UUUUU! cái này hay à. =D> cảm ơn cảm ơn!

Reply Xóa nhận xét
2

Có cách nào không dựa vào nhận xét được không Duy? Ví dụ dựa vào số lượt xem bài viết chẳng hạn.

Reply Xóa nhận xét
3

@D.N.HNhững thứ liên quan đến thống kê đều cần dựa vào CSDL để lưu lại và truy suất bởi 1 ngôn ngữ động như PHP, ASP... Với Blogger chỉ js và html tĩnh thì chịu. Cái số comments là Blogger trả lại giá trị đó nên mình mới dùng js dựa vào đó mà đánh giá.

Reply Xóa nhận xét
4

Thủ thuật hay quá, cảm ơn Duy nhiều :)

Reply Xóa nhận xét
5

Thủ thuật hay nhưng ko cần thiết lắm, đã +1 :D

Reply Xóa nhận xét
7

@NADEm cũng nghĩ vậy, hợp với blog kiểu nhí nhố thôi :D

Reply Xóa nhận xét
8

Hay nhỉ, không biết nên quăng vào blog không ta :-t

Reply Xóa nhận xét
9

@Thạch Dừa Không vấn đề gì đâu bác :D
"Khi mà đã máu thì đừng hỏi bố cháu là ai" :D

Reply Xóa nhận xét
10

ohh thủ thuật này hay quá anh, mỗi tội blog em chả mấy comment, chả nhẽ định mức 5, 10, 20 :))

Reply Xóa nhận xét
11

@Pika Rock : blog bác còn đỡ , cái của em còn tệ hại hơn :D . Mà có khi nó chỉ dành cho mấy cái blog nhí nhố như em thôi :D

Reply Xóa nhận xét
12

@Pika RockĐúng mức em đặt trên blog test :D. Dạo này thị hiếu rock có vẻ đi xuống bác nhỉ :(

Reply Xóa nhận xét
13

@VanLinhExBác ẩn dật đâu giờ mới thấy tái xuất vậy, welcome you back!

Reply Xóa nhận xét
14

@Duy Pham em có ẩn có dật gì đâu , vẫn lù lù ngồi đây mà :D .

Reply Xóa nhận xét
15

@Duy Pham Ngay cả thủ thuật blogspot còn có dấu hiệu đi xuống huống chi là Rock nữa Duy ơi.

Reply Xóa nhận xét
16

@VanLinhEx Hây ya, cái thủ thuật này cũng hay, nhưng mà blog mình load lâu quá rồi b-(
- DP cho mình hỏi xíu, blogger có hỗ trợ cái vụ là giới hạn hoặc chỉ định số lượng cmt ở 1 bài nào đó không nhỉ, giống giống như cái khóa topic ở mấy 4rum ấy :))

Reply Xóa nhận xét
17

@Thạch DừaKhi chỉnh sửa bài đăng thì có lựa chọn cho phép nhận xét hoặc khóa mà bác, khóa nhận xét thì có thêm mấy lựa chọn nữa.

Reply Xóa nhận xét
18

cái logo nhìn oách nhỉ

Reply Xóa nhận xét
19

@YolksCuối mỗi tháng mình thường update tính năng và giao diện, vậy mà lần này lan man sang cả đầu tháng sau :D

Reply Xóa nhận xét
20

@Huỳnh Nhật Hà

Không phải là đi xuống, mà sự thật là cạn nguồn sáng tạo thì đúng hơn!!!!

Reply Xóa nhận xét
21

Thế là mỗi tháng thay áo một lần à =))

Reply Xóa nhận xét
22

@BloggerGiống như là vá lỗi, update tính năng trên phần mềm thôi bác. Trước em còn ghi version cho nhớ nhưng giờ lười :D

Reply Xóa nhận xét
23

Cái logo sáng tạo thật.

Reply Xóa nhận xét
24

Bác Duy có cách nào giúp em ko? Em làm rồi, chỉnh như thế mà cái tem vẫn nằm trên tiêu đề bài đăng, theo bác tem của em chỉnh TopRight bao nhiu thì mới nằm giống cái demo vậy?:(

Reply Xóa nhận xét
25

@QuangCSS của temp bạn trong quá trình chỉnh sửa đã làm sai. Bạn tìm đến đoạn .quickedit và sửa thành }.quickedit

Sau đó tìm
.groupcomment {
position: absolute;
top: 60px;
right: -20px;
border: 0 none !important;
width: 64px;
height: 30px;
}
}

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


Sau này trong quá trình chỉnh sửa temp bạn phải chú ý hơn, lỗi bạn làm là chèn nhầm vào trước thẻ đóng } nên những thuộc tính css không hoạt động.

Reply Xóa nhận xét
26

Vâng, cảm ơn bác, tại mấy bữa chèn thủ thuật gắn tem phân biệt admin với visitor em ko để ý nên thiếu dấu } hèn chi thủ thuật của bác ko hoạt động:(. Cám ơn bác nhiều:)

Reply Xóa nhận xét
27

duy ơi làm ơn chỉ cho mình cái thanh màu đen có cái goog+1:D thick cái đó hơn:((

Reply Xóa nhận xét
28

@HoxamMình thường k hướng dẫn về HTML/CSS vì rất khó trình bày chung chung kiểu đưa ra code rồi copy là xong, mỗi temp có 1 style, kích thước khác nhau.

Reply Xóa nhận xét
29

@Duy Pham How did you make WordPress like commenting(reply option) in this blog???

Reply Xóa nhận xét
30

@Paul SantoshYou see it at here http://www.vnblogspot.com/2011/09/chen-comment-phan-cap-vao-blogspot-cua.html

Reply Xóa nhận xét
31

@Duy Pham Error in the URL http://www.vnblogspot.com/2011/09/chen-comment-phan-cap-vao-blogspot-cua.html : "Page Not Found
Sorry, the page you are looking for the blog I am return does not exist."

Reply Xóa nhận xét
32

mình rất thích cái này

Reply Xóa nhận xét
33

@Duy Pham
Cho mình hỏi ROCK là gì.
Và tên cái thủ thuật này tiếng anh là gì.

Reply Xóa nhận xét
Nặc danh 30/3/13 15:12
34

bài viết rất hay

Reply Xóa nhận xét
35

Trước đây e có áp dụng thủ thuật này nhưng giờ e đang sử dụng comment của Facebook. Có thể nào áp dụng cho số lượng comment FB được không ạ? :D

Reply Xóa nhận xét

Đăng nhận xét

Cancel