5/12/13

Chèn số lượng bình luận (comment) ngay tại tiêu đề bài viết

Đăng bởi Admin | 5/12/13 | 0 nhận xét

Mặc định thì số lượng bình luận của bài viết nào thường được đặt tại vị trí cuối mỗi bài viết đó và  ngay tại khu vực Bình luận (Comment). Vì được đặt ở vị trí đó nên rất ít người chú ý đến nó. Nếu bạn muốn số lượng bình luận này nằm ngay sau tiêu đề mỗi bài viết để thu hút sự chú ý của khách viếng thăm blog của các bạn hơn, thì thủ thuật sau đây sẽ giúp các bạn làm điều đó.
Hướng dẫn chèn số lượng bình luận (comment) ngay tại tiêu đề bài viết trong Blogspot

Bước 1 : Đăng nhập vào Blogger.
Bước 2 : Click vào Template rồi chọn Edit HTML.
Bước 3 : Tìm kiếm cụm từ sau :  ]]></b:skin>
Bước 4 : Bây giờ copy đoạn code sau và past vào bên trên cụm từ ]]></b:skin> mà chúng ta tìm kiếm được.
01
02
03
04
05
06
07
08
09
10
11
12
.comment-count {
float : right;
width : 47px;
height : 47px;
background : url(  SPECIFIC IMAGE URL  );
background-repeat: no-repeat;
font-size : 19px;
position:absolute;
margin-top : -16px;
margin-right : 2px;
text-align : center;
}
Trong đó SPECIFIC IMAGE URL chính là đường dẫn đến hình ảnh nền cho số lượng bình luận.
Hướng dẫn chèn số lượng bình luận (comment) ngay tại tiêu đề bài viết trong Blogspot
Các bạn có thể chọn hình ở bên trên rồi upload vào một chỗ nào đó, và lấy đường link về thay thế cho vị trí SPECIFIC IMAGE URL, hoặc các bạn có thể tìm kiếm hình ảnh nào đó có trên internet mà các bạn tìm thấy được.
Bước 5 : Các bạn vào lại Blogger Dashboard >> Template >> Edit HTML >>
Sau đó tìm kiếm dòng chữ sau : <h2 class=’post-title entry-title’ itemprop=’name’>  hoặc class=’post-title entry-title’
Bước 6 : Copy đoạn code bên dưới và chèn vào ngay bên trên dòng chữ mà chúng ta tìm được ở bước 5
1
2
3
<b:if cond='data:post.allowComments'>
<a class='comment-count' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>
Bước 7 : Lưu template lại và kết thúc.
Hy vọng với thủ thuật đơn giản này, các bạn sẽ có thêm một lựa chọn cho blog của mình. Nếu có bất kì thắc mắc nào trong quá trình hoàn thành bài viết thì đừng ngần ngại để lại lời nhắn dưới dạng comment nhé.
Chúc các bạn thành công !
                                                                                                          Theo : thuthuatweb.net

Không có nhận xét nào:

Đăng nhận xét

Cảm ơn bạn đã nhận xét !
- Bạn có thể chèn link vào nhận xét bằng thẻ: <a href="Link" rel="nofollow">Tên link</a>
- Tạo <b>Chữ đậm</b> và <i>Chữ ngiêng</i> cho nhận xét
- Hãy Chuyển đổi mã code trước khi chèn vào nhận xét
- Hãy bấm Theo dõi dưới chân trang để nhanh chóng nhận được phản hồi từ Thủ thuật vi tính
- Những nhận xét nào không lành mạnh hoặc chèn link spam sẽ bị xóa khỏi blog.

Mã hóa Code

Support : Trick Blogspot | Ghost win | Website Design | Seo Trick | Ghost win | Software Free | Site Map | Back Link | Contact Advertising | ↑ back to top
Ghi rõ nguồn thuthuatvitinhaz.blogspot.com dưới dạng liên kết khi phát hành lại thông tin từ trang này
Copyright © 2013. Thủ thuật Số - All Rights Reserved
Design by Ngân Giang
Xem tốt nhất ở độ phân giải 1024 x 768 pixel
Template by Dameva