18/12/13

Hiện bình luận Facebook trên Tabs trong Blogger (phần 2)

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

facebook bình luận truy cậpĐây là phần thứ hai của loạt bài của chúng tôi trên Facebook Bình luận plugin. Facebook bình luận bây giờ được tối ưu hóa và dễ dàng lập chỉ mục và thu thập thông tin công cụ tìm kiếm. Facebook bình luận xuất hiện trong kết quả tìm kiếm và có thể lưu lượng truy cập của bạn cả hai từ 845 triệu người sử dụng đã đăng ký của mình và cũng từ Mega Công cụ tìm kiếm Google. Tôi đã chia sẻ một hướng dẫn về làm thế nào để đếm số lượng các ý kiến Facebook và hiển thị nó trên trang chủ blog của bạn và hôm nay chúng tôi sẽ sử dụng cùng một kịch bản, nhưng với một thiết kế khác nhau và cảm nhận.Thêm bình luận truy cập này là rất dễ dàng. Tất cả các bạn cần làm là để theo dõi các bước sau cho đúng. Xin vui lòng xem một bản demo đầu tiên,



Live Demo

Facebook Bình luận 
Phần 2: Facebook Comment Counter Đối với Blogger (Blogger + Facebook)
Phần 3: Tối ưu hóa Facebook Bình luận Để Tăng Blog giao thông

Đếm Facebook Bình luận trong Blogger

  1. Đi Blogger> Thiết kế> Chỉnh sửa HTML
  2. Sao lưu mẫu của bạn
  3. Nhấp vào "Mở rộng Widget Templates" hộp
  4. Tìm kiếm các mã này,
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>

  5. Đoạn mã trên có thể xảy ra ba lần. Chỉ cần thay thế sự xuất hiện đầu tiên của các mã trên với đoạn mã sau:

<br/>
<div style='border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:3px 0px; text-align:right;'>
<img class='comments-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijjvJs3xcSD72KJnMIn8EsfpT5S5ygEGViegG5w4CX5zg-QaEGvLa812OQYBBJeN1QKyAAtSwIN9VouQ-An3ch5ST3Y0BPOh-KQ_89ZgaoyUFYMaoOWngmR3y-EiJw3Q56hzZ8DhWM_z4/s400/fb.png'/>
<a class='comment-link' expr:href='data:post.addCommentUrl'><fb:comments-count expr:href='data:post.url'/> Comments</a>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</div>
    
 6. Tìm kiếm tiếp theo cho ]]> </ b: skin>   và chỉ ở trên nó dán dòng CSS sau;

.comments-tab-icon { height: 14px;  width: auto;  margin-right: 3px;}
     
  7. Lưu mẫu của bạn và bạn đang làm tất cả!
Ghé thăm blog của bạn và bạn sẽ thấy Facebook ý kiến ​​Đếm cùng với ý kiến ​​blogger tính cho mỗi bài giữa hai biên giới ngang.
Chúc bạn thành công !...
                                                                                                 Theo: mybloggertricks.com


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