Chèn nút để bookmark bài lên Google Buzz trong WordPress

Xin chào toàn thể các bạn,

Trước khi bắt đầu khai bút đầu xuân 2010, tôi mong muốn gửi đến toàn thể các bạn bè thân hữu gần xa những lời chúc tốt đẹp nhất. Chúc các bạn một tnăm mới tràn đầy hạnh phúc, sức khoẻ và thành đạt.

Ở bài viết khai bút đầu xuân mới này, tôi xin chia sẻ một kinh nghiệm nhỏ giúp các bạn chèn vào blog WordPress nút bookmark bài lên Google Buzz. Nếu các bạn không rành lắm về WordPress, HTML, JavaScript, tôi khuyên bạn nên sử dụng plugin có sẵn để tránh làm hỏng blog của các bạn.

Mạng xã hội Google Buzz

Bài viết khá đơn giản nhưng để tiện theo dõi tôi sẽ cùng các bạn đi qua từng bước nhé:

0. Hãy đảm bảo tài khoản Google của bạn đã kich hoạt chức năng Reader. Nhấn vào đây để kiểm tra Google Reader

1. Chuẩn bị hình ảnh của nút  Google Buzz:

Các bạn dễ dàng tìm thấy nó trên Internet:

Tuy nhiên hình trên, nếu các bạn để ý kỹ sẽ thấy nó màu nền là màu trắng, như vậy sẽ không thích hợp với một số blog có màu nền khác. Do vậy, tôi đã dùng Photoshop để chỉnh sửa nó có màu nền trong suốt :

google-buzz-button-transparent

Hãy download nó về, upload lên WP của bạn và ghi nhớ đường dẫn nhé

2. Tiếp theo, hãy xem đoạn code dưới đây:

<!--
Script for Google Buzz bookmark
Written by Shinichi @ http://blog.anhdung,info
-->
<script>
function GoogleBuzzMe()
{
var url = encodeURIComponent(location.href);
var title = encodeURIComponent(document.title);
var surl = 'http://vietcoding.com';
var sTitle = 'Shinichi Blog';
 
var s = 'http://www.google.com/reader/link?url='+ url + '&title='+ title + '&srcURL=' + surl + '&srcTitle=' + sTitle;
window.open(s);
}
</script>
<a href="#" onclick="GoogleBuzzMe();" style="text-decoration:none;" title="Google Buzz me on"><img src="http://vietcoding.com/wp-content/uploads/0000/google-buzz-button.png" style="border:none;" alt="Google Buzz Button Bookmark" /></a>

Ở đây, có một số chỗ bạn sửa lại cho phù hợp với blog của bạn, như dòng số 10, 11 và 17.

3. Bạn đăng nhập vào AdminCP của  WordPress, tìm đến phần Appearance > Editor > Single.php. Chèn đoạn code trên vào chỗ nào bạn muốn nó hiển thị. Save lại  !

4. Thế là hoàn tất, thử nghiệm thôi nào

Đây là kết quả mà chúng ta đạt được:

Tích hợp Google Buzz vàoWordPress

(Copyright © 2010 by Hoàng  Tuấn  Anh -Shinichi @ Shinichi Blog – http://vietcoding.com)

• 23/01/2010 -- Hướng dẫn viết một plugin đơn giản cho WordPress – Phần 1 (2)
• 21/01/2010 -- Bổ sung chức năng tạo tiêu đề không dấu khi đăng bài trong WordPress (0)
• 27/06/2010 -- Sửa lỗi không tương thích của Google XML Sitemap với WordPress 3.0 Muti-site (5)
• 13/06/2010 -- Thêm hình thumbnail cho bài viết dễ dàng với plugin fw-post-image – Phần 1 (13)
• 27/05/2010 -- Ẩn số comment trong WordPress Dashboard với người dùng thông thường (1)
• 02/03/2010 -- Redirect trong một số ngôn ngữ thông dụng (2)
• 18/06/2009 -- 5 tính năng tuyệt nhất của iPhone 3.0 (0)
• 08/08/2008 -- Vista "gục ngã hoàn toàn" tại Black Hat 2008 (0)

Tagged as: Bookmark, Google Buzz, Google Reader, HTML, Javascript, WordPress Tips, WordPress Tutorials