DESIGN WEB: Google Buzz cho blogspot

Google Buzz là mạng xã hội mới được tích hợp trong hòm thư Gmail của bạn. Dưới “bàn tay” của Google, mình nghĩ Google Buzz sẽ thành công và rất có khả năng vượt qua Twitter trong tương lai không xa. Tuy nhiên, bài viết này không phải để giới thiệu hay lăng-xê Google Buzz.
Nếu muốn tìm hiểu thêm thông tin về mạng xã hội Non -Trẻ – Khỏe này, bạn có thể đọc thêm ở:

Còn bài này, mình muốn hướng dẫn các bạn: “Chèn nút Google Buzz vào blog trên nền Blogspot/Blogger.com“. Bạn nào dùng Wordpress thì có thể tham khảo bài của anh Tỉnh ở đây

Hướng dẫn chèn Google Buzz button vào Blogspot/Blogger

Chú ý: Trước khi chỉnh sửa Template, bạn nhớ Save lại một bản dự phòng, bằng cách nhấn vào ‘Download Full Template‘ trong trang ‘Edit HTML‘ thuộc cửa sổ ‘Layout‘

1. Vào Blogger Layout page – Edit HTML – và click ô Expand Widget Templates
2. Nhấn Ctrl+F và tìm:

`1`	`<data:post.body/>`

3. Chèn ngay phía trên dòng vừa tìm được đoạn code sau:

1<!--GOOGLE-BUZZ-BUTTON-->
2<div style='float:right; margin-left:3px;'>
3<a  expr:href='&quot;http://www.google.com/reader/link?url=&quot; +  data:post.url + &quot;&amp;title=&quot; + data:post.title +  "&amp;srcTitle=" + data:blog.title' target='_blank'><div  style='text-align:right;margin-top:-42px;'><img alt='Buzz This'  src='http://i48.tinypic.com/mhpmcz.jpg'/></div></a>
4</div>
5<!--GOOGLE-BUZZ-BUTTON-->

Chú ý: Trong trường hợp Blog của bạn đã cài chức năng Read More/Expandable Post Summaries, thì hãy chèn code trên vào bên trên đoạn data:post.body thứ 2 tìm được.
4. Preview và Save lại. Bạn sẽ thấy nút Google Buzz bên phải, dưới Title bài viết.
Happy Buzzing!