Hướng dẫn tạo Google +1(plus) Button với Blogspot

"+1" là một tính năng mới và thực sự hấp dẫn đối với Bloger và SEOer. Thông qua "+1" những người bạn, những quan hệ contacts, và nói một cách văn hoa là phần còn lại của thế giới sẽ tìm kiếm được những kết quả “trên cả tuyệt vời” trên Google search.

Mình vừa mới tích hợp tính năng này vào blog của mình. Hướng dẫn dưới đây sẽ giúp bạn nhanh chóng và dễ dàng tạo nút Google +1 Button trên blog của bạn. Bạn thực hiện theo những bước sau:

1. Vào trang Dashboard > Design > Edit HTML
2. Backup toàn bộ template hiện tại của bạn.
3. Check vào checkbox Expand Widget Templates

4. Tìm đến dòng code sau trong template của ban:

<data:post.body/>

5. Thêm phần code sau vào bên dưới đoạn code trên:

<!-- Google +1 button Start -->
<b:if cond='data:blog.pageType != "static_page"'>
<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ấu hình button G+1

1. Thay đổi kích thước của button bằng cách thay đổi thuộc tính "size", có 4 loại giá trị cho thuộc tính này:

Button size	Giá trị
	small
	medium
	standard
	tall

2. Bạn có thể bỏ đi con số bên cạnh bằng cách thay đổi giá trị của thuộc tính "count" thành false (hiện tại đang là true)

7. Kết quả sau cùng:

Button +1 được hiễn thị trên blog yourkul.blogspot.com

Chúc các bạn thành công.