Thêm nút Google +1 vào WordPress và Blogger

7 thg 3, 2012

Như đã giới thiệu ở bài trước, Google +1 là tính năng mới được đưa vào trong phần kết quả tìm kiếm của Google, cho phép người dùng “Yêu thích” đối với một liên kết nào đó. Việc làm này giúp người dùng đề xuất với bạn bè về liên kết mà mình yêu thích.

Chỉ cách đây ít giờ nút yêu thích bài viết +1 button chính thức được ra mắt người dùng. Đây là một tính năng rất hay, được nhiều người chờ đợi. Bài viết này sẽ giúp bạn thêm nó vào WordPress, Blogger blog hay website của mình.

Đối với Blogger

Đầu tiên bạn tìm đến thẻ ]]></b:skin>. Sau đó hãy thêm đoạn mã bên dưới vào sau thẻ vừa tìm

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'vi'} </script>

Tiếp theo hãy vào trong template của bạn, tìm tới dòng <div class="post-header-line-1"/>hoặc <data:post.body/>
Thêm đoạn đoạn mã bên dưới và sau nó

<div style='float:right; padding-bottom: 10px; margin-right:5px;'>
<g:plusone expr:href='data:post.url' size='small'/>

Hãy kiểm tra bằng công cụ xem trước Preview, nếu không gặp sựu cố nào bạn có thể Save lại để hoàn tất.

Đối với WordPress

Bạn vào trong header.php, tìm tới thẻ đóng </head>, thêm đoạn script bên dưới vào trước nó.

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'vi'} </script>

Tiếp theo bạn vào single.php, đặt đoạn mã bên dưới vào nơi nào mà bạn muốn nút Google +1 hiển thị

<g:plusone href="<?php the_permalink(); ?>"></g:plusone>

Lựa chọn

Google +1 cung cấp cho bạn 4 lựa chọn kích cỡ các nút khác nhau

size="small": 15px
size="medium": 20px
size="large": 60px

Bạn có thể lựa chọn các kích cỡ cho phù hợp với blog của mình. Để tìm hiểu thêm bạn có thể vào trang của Google +1 và vào đây.
Tất cả những lần người dùng nhấp chuột lên nút “+1” ở khắp các trang web sẽ được lưu lại trong hồ sơ Google (Google Profiles) cá nhân của họ. Bạn có thể vào trong Google Profiles của mình để kiểm tra. Hiện tại, đã có thêm 1 tab cho Google +1.