+1 là cách bạn thể hiện đánh giá cao cho bất cứ thứ gì thu hút sự chú ý của bạn trên Google+ hoặc trên các trang web yêu thích của bạn. Khi bạn đọc một bài đăng làm bạn muốn tán thưởng, +1 là hành động tán thưởng của bạn; khi bạn xem một video làm bạn cười không kiềm chế nổi, +1 là tiếng cười của bạn; khi bạn xem một hình ảnh chụp lại hoàn hảo khoảnh khắc đặc biệt đó, +1 là đánh giá 5 sao của bạn.
Bây giờ chúng ta bắt đầu thêm nút Google +1 vào bài viết Blogger. Ta có thể thực hiện bằng 2 cách, đầu tiên là 1 cách đơn giản bạn dễ dàng thực hiện bằng vài cú click, bạn cũng có thể tùy biến nút Google +1 cách thứ 2.
Cách thứ 1
Blogger đả tích hợp sẵn các nút để chia sẽ bài viết lên các mạng xã hội như Facebook, Twitter... tất nhiên là có cả nút Google +1. Để kích hoạt nó, bạn vào "Layout" bấm vào nút "Edit" nằm phía dưới "Blog Posts" chọn "Show Share Buttons" và lưu nó lại. Nhưng đây là cách bạn không thể tùy chỉnh hoặc chọn kích thước khác được.
Cách thứ 2
Bước 1: Đăng nhập vào Blogger và bấm vào "Template".
Bước 2: Nhấp vào "Edit Html" và kiểm tra "Expand Widget Templates".
Bước 3: Cấu hình các tùy chọn bên dưới để tạo ra nút Google +1 và đoạn Code sau đó Copy nó để thực hiện Bước 4.
Tùy chọn
Kích thước:
Chú thích:
pixels (?)
Ngôn ngữ:
Vị trí:
Hiển thị trong:
Xem trước và mã Code
<b:if cond='data:blog.pageType != "static_page"'><div style="float: none;">
<div class='g-plusone' data-size='tall' data-annotation='bubble' data-width='' expr:data-href='data:post.canonicalUrl'></div>
</div></b:if>
Bước 4: Tìm <data:post.body/> và thêm đoạn Code trên trước hoặc sau nó (Bạn có thể thêm nó ở cả hai nơi để hiển thị nút Google +1 trên và dưới bài viết).
Bước 5: Tìm </body> và thêm đoạn JavaScript dưới đây vào trước nó.
<script type="text/javascript">
window.___gcfg = {lang: 'en-US', parsetags: 'onload'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
Bước 6: Save Template của bạn lại.
Thông tin
- Kích thước: Với 4 kích cỡ cho bạn chọn lựa.
- Chú thích: Thiết lập chiều rộng chỉ cho phép khi bạn chọn chú thích là "inline". Chiều rộng mặc định là "450 pixel" và kích thước tối thiểu mà bạn có thể thiết lập là "120 pixel".
- Ngôn ngữ: Tự động nhận dạng ngôn ngữ cho blog của bạn và bạn cũng có thể tùy chọn các ngôn ngữ khác.
Lưu ý:
- Bạn có thể thay thế đoạn code ở bước 5 bằng đoạn này nếu nút +1 không hiển thị.
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'en-US'}
</script> - Để biết thêm thông tin, hãy vào documentation page.
Post a Comment