Gắn nút +1 Google plus vào Blogspot

- Nút +1 là phép tốc ký cho thông tin “nội dung này thật tuyệt vời” hoặc “bạn nên khám phá nội dung này”. Nhấp vào +1 để công khai cung cấp điều gì đó mà bạn đã đóng dấu chấp thuận. Các nút +1 của bạn có thể giúp bạn bè, người liên hệ và những người khác trên web tìm thấy nội dung tốt nhất khi họ tìm kiếm.


Bạn nào có sử dụng Google Webmaster thì truy cập trang cách Thêm nút +1 Plus One Google vào website, blog, WordPress, Blogger sẽ có hướng dẫn chi tiết, rất rõ ràng đầy đủ, và vô cùng dễ dàng thực hiện, chỉ cần copy-paste là xong.


I. Thêm +1 vào Blogger

1.  Chọn Bảng Điều khiển - Thiết kế - Chỉnh sửa HTML
2.  Backup lại template của bạn trước khi chỉnh sửa nhé
3.  Tick vào  ở góc phải trên trang code.
4.  Tìm đoạn code sau :
<data:post.body/> 

5.  Paste đoạn code sau vào dưới thẻ đó
<!-- Google +1 button Start -->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<p></p>
<div style='float:left;padding:10px;'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone expr:href="data:post.url" size="standard" count="true"></g:plusone>
</div>
</b:if>
<!-- Google +1 button End --> 
  
6. Có thể tùy chỉnh nút +1 to hay nhỏ bằng cách thay đổi đoạn code ở dòng 6

<g:plusone expr:href="data:post.url" size="standard" count="true">


Button size Value
google plus one small  small
google plus one medium  medium
google plus one standard  standard
google plus one tall  tall


7.  Bạn có thể chọn đặt nút +1 hiển thị trên, dưới, góc trái hay góc phải bài viết :

-  Đặt ở trên/ dưới bài viết : đặt đoạn code ở trên <data:post.body/>. nếu bạn muốn nút button nằm ở góc trên bài viết or ngược lại đặt đoạn code ở dưới thẻ <data:post.body/>. nếu bạn muốn nút button nằm ở góc dưới bài viết.


- Đặt ở trái/ phải bài viết : thay đổi giá trị float ở dòng 4
<div style='float:left;padding:10px;'> float:left nếu muốn hiển 
thị bên trái.float:right nếu muốn hiển thị ở góc phải 
Hình minh họa.

- Bạn có thể tùy biến nút +1 ở bên phải blog như hình bên từ bài http://tipgoogleplus.blogspot.com/2011/07/test-code_3727.html
 

3 comments:

Cảm ơn bạn, nhưng mình muốn là sau mỗi một bài viết đều xuất hiện nút +1.
Mình đã làm như bạn hướng dẫn nhưng mà chỉ có mỗi bài viết mới nhất mới có nút +1. Bạn xem hộ mình mới nhé http://www.hocmarketing.vn/. Cảm ơn bạn.

Hay đó, cám ơn bạn nhé!

Đăng nhận xét

Share

Twitter Facebook Zingme Go.vn Blogger Favorites More