Hướng dẫn thêm nút Google Buzz vào Blogspot/Blogger

VnTim™  ^-^ 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
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 ở:

• Trang chủ giới thiệu

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"

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 đoạn code sau : <data:post.body/> 
 hoặc  <div class='post-header-line-1'/>

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

 Code 1

<!--BUZZ-STARTS-->
<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='border:0px !important;text-align:right;margin-top:-42px;'><img alt='Buzz It' src='http://i46.tinypic.com/121wg9e.jpg'/></div></a>
<!--BUZZ-STOPS-http://vntim.blogspot.com-->

 Code 2 

<a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain=&quot;http://www.google.com&quot;;if(b&amp;&amp;!document.xmlVersion){void(z=document.createElement(&quot;script&quot;));void(z.src=&quot;http://www.google.com/reader/ui/link-bookmarklet.js&quot;);void(b.appendChild(z));}else{}' title='Buzz It!'><div style='border:0px !important;text-align:right;margin-top:-42px;'><img alt='Buzz It' src='http://i47.tinypic.com/2j0b02c.jpg'/></div></a>

Code 3

<div style="float:right;padding:4px;">
<script type='text/javascript'>
njuice_buzz_url = '<data:post.title/>';
njuice_buzz_title = '<data:post.url/>';
njuice_buzz_share = 'reader';
</script>
<script type='text/javascript' src='http://button.njuice.com/buzz.js'/>
</div>

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.

Sự khác nhau cơ bản giữa 2 đoạn code 1, 2 và 3 là:
Code 1 khi click chuột vào thì bật ra cửa sổ mới (tab mới)
Code 2 khi click chuột vào thì bật ra popup
Code 3 hiện thêm cả update số người đã buzz bạn ( Pro nhất ) bạn có thể vào đây đẻ chỉnh sửa



Bạn có thẻ thay đổi hình ảnh nút Google buzz bằng cách thay đoạn mã ảnh màu xanh lá trong doạng code 1 và 2 bằng các mã sau

   http://i46.tinypic.com/121wg9e.jpg

    http://i48.tinypic.com/mhpmcz.jpg

  http://i47.tinypic.com/2j0b02c.jpg


Bạn cũng có thể thay đổi các giá trị màu đỏ và màu xanh da trời trong đoạn code cho phù hợp với blog của mình

4. Preview và Save lại.

Chúc Bạn thành công