Trang chủ \ 12:53

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.

Chia sẻ

34

Nhận xét
1

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

Reply
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
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
4

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

Reply
5

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

Reply
6

ủng hộ này.

Reply
7

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

Reply
8

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

Reply
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
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
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
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
13

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

Reply
14

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

Reply
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
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
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
18

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

Reply
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
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
21

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

Reply
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
23

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

Reply
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
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
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
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
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
29

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

Reply
30

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

Reply
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
32

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

Reply
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
34

bài viết rất hay

Reply

Đăng nhận xét

Cancel reply

• Những nhận xét spam sẽ bị xóa.
• Public tài khoản Blogger để được trợ giúp.
• Nặc danh thường không được chào đón.