ITechPlus | Kiến thức - Thủ thuật - Giải pháp công nghệ

Chèn tiện ích Google +1 Button vào Blog

3 tháng 6, 2011

Chèn tiện ích Google +1 Button vào Blog

Google vừa cho ra đời một tính năng khá thú vị : Google +1, cho phép nhúng trực tiếp vào một số dịch vụ của hãng như Android Market, Blogger, Google Search và YouTube.

Về cơ bản, Google +1 có cách thức hoạt động giống như nút “Like” trên Facebook. Cụ thể, trong quá trình tìm kiếm trên Google, nếu cảm thấy kết quả trả về nào hợp ý mình, người dùng có thể bấm +1 để “chấm điểm” cho đường link đó.

 Nút "+1" xuất hiện kế bên mỗi liên kết trong phần kết quả tìm kiếm từ Google Search Nút "+1" xuất hiện kế bên mỗi liên kết trong phần kết quả tìm kiếm từ Google Search

Có thể thấy, đây là tính năng khá hữu ích cho người sử dụng. Bởi lẽ khi tra cứu thông tin trên Google, nếu người dùng nhìn thấy một đường link được bạn bè bình chọn cao, họ sẽ cảm thấy tin tưởng hơn, giúp chọn lọc thông tin dễ dàng hơn.

Bên cạnh đó, đây cũng là một cách giúp Google thu thập ý kiến người dùng của mình. Link nào được “+1” cao chứng tỏ khách hàng ưu thích thông tin từ website đó, sẽ thuận tiện hơn cho công việc đánh giá chất lượng website.

Đối với các Blogger, đây sẽ là một công cụ tuyệt vời để tăng thứ hạng cho Blog (Page Rank) trên các kết quả tìm kiếm, dĩ nhiên với điều kiện là các bài viết trên Blog của bạn phải thật sự có chất lượng.

Chèn Google +1 Button cho Blog

Chèn tiện ích Google +1 Button vào Blog

1. Vào Thiết kế > Chỉnh sửa HTML > Chọn Mở rộng mẫu tiện ích

2. Tìm trong template (Ctrl+F) đoạn code bên dưới :

<div class='post-header'>

hoặc

<div class='post-header-line-1'>

và ngay sau nó các bạn chèn vào đoạn code bên dưới :

<div style='float:right;margin:0 0 0 10px;padding:0;'>
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>
<g:plusone count='true' expr:href='data:post.url' size='tall'/>
</div>

Tùy biến Google +1 Button :

Google +1 Button có 4 style cho bạn chọn, tùy chỉnh giá trị tương ứng với thuộc tính “size”

Button style

Size

Google +1 Button

small

Google +1 Button

medium

Google +1 Button

standard

Google +1 Button


tall

Bạn cũng có thể ẩn hiển số đếm bên cạnh button này bằng cách thay đổi giá trị :

  • true : hiện số đếm
  • false : không hiện số đếm

Ngoài ra, bạn cũng có thể tùy chỉnh việc hiển thị của button theo một trang nhất định nào đó, bằng cách xem lại bài viết “Hiển thị widget ở những trang nhất định trên Blogspot” đã được iTechPlus giới thiệu trước đó.

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

Đăng ký nhận thủ thuật mới

Bạn có thể cập nhật những thủ thuật mới từ iTechPlus.info một cách nhanh nhất bằng cách :

Subscribe to RSS Đăng ký nhận tin RSS

Subscribe to Email Đăng ký nhận tin qua Email

Ý kiến bạn đọc [ 7 ]

VISITOR

Cái tiện ích này bạn có thể điều chỉnh để nó nằm vị trí khác được hem, chứ mình chèn vào thì mình thấy nó nằm ở vị trí ko đc đẹp lắm
http://megapic.vn/images/71993503016459435637.png

ADMIN
iTechPlus 09:20 4/6/11 Trả lời

@Trung: bạn có thể sử dụng thuộc tính "float" để hiển thị bên trái/bên phải. Ngoài ra, cũng có thể đặt bên dưới "data:post.body,post-footer-line-1,post-footer-line-2,..."

VISITOR
Cuong Phong 11:42 7/7/11 Trả lời

bạn ơi sao của tôi hiển thị 2 cái vậy? 1 cái giống của bạn lê trương vĩnh trung còn 1 cái thì ở dưới gần chỗ nhận xét :) có phải mình làm xai hay là thật chất nó là vậy...

VISITOR
ABV 21:34 17/7/11 Trả lời

Cho em hỏi là làm sao chỉ xuất hiện ở trong bài đăng mà không xuất hiện ở trang chủ nhỉ?

VISITOR
Nam Le 09:22 23/12/11 Trả lời

bạn uj sao mjnh` làm muk` nó ko hien lun zỵ

VISITOR
Nặc danh 03:45 26/2/12 Trả lời

u756u5eu ::a

VISITOR
Thanh Le 10:05 19/10/12 Trả lời

Bạn ơi mình hỏi chút được không bạn
cái blog của mình hôm mình xóa cái commment mặc định của blogger trong code. thay bằng facebook comment.
bây giờ mình nên chèn lại đoạn code thế nào và vào vị trí nào bạn nhỉ.
blog của mình là http://www.homedesign9.com/
cảm ơn bạn nhiều ::j

Ý kiến của bạn

* Lưu ý :
- Vui lòng gõ tiếng Việt có dấu khi viết bình luận.
- Nội dung phải liên quan đến chủ đề bài viết.
- Không dùng lời lẽ khích bác, thô tục ảnh hưởng đến người khác.
- Không đặt link đến Blog/Web khác.
- Những góp ý, thắc mắc không liên quan các bạn vui lòng post tại đây.

Thân, iTechPlus.

KaKa Khóc rồi nè Ngạc nhiên Sợ quá đi thôi Thèm nhỏ dãi Mỏ nhọn
Không thèm nói Bị thôi miên Cà phê Số một Không đồng ý Tức giận
Cười đểu Cười lè lưỡi Lo lắng Thật khó hiểu Không hiểu Buồn ngủ
Làm hòa nhé Muốn gây sự hả Thẹn thùng Ngầu chưa Tan nát cõi lòng Cứ tự nhiên
Là sao nhỉ Im lặng Hết cách Bở hơi tai Yêu thế Bái bai

 
Copyright @ 2009 - 2011 - iTechPlus.info. All rights reserved.
Ghi rõ nguồn khi phát hành lại thông tin từ Website này.
Design by iTechPlus. Powered by Blogger
Based on Minima Template.