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

admin Mar 30, 2011 4

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 ở:

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”

Hướng dẫn thêm nút Google Buzz 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 pageEdit 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

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
Hướng dẫn thêm nút Google Buzz vào Blogspot/Blogger

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

Hướng dẫn thêm nút Google Buzz vào Blogspot/Blogger http://i46.tinypic.com/121wg9e.jpg

Hướng dẫn thêm nút Google Buzz vào Blogspot/Blogger http://i48.tinypic.com/mhpmcz.jpg

Hướng dẫn thêm nút Google Buzz vào Blogspot/Blogger 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. PreviewSave lại.

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

4 Comments »

  1. Setsuko Arjune Mar 31, 2011 at 5:41 am - Reply

    Just wish to say your article is as surprising. The clearness in your post is simply great and i can assume you’re an expert on this subject. Fine with your permission allow me to grab your RSS feed to keep updated with forthcoming post. Thanks a million and please keep up the rewarding work.

  2. Hipolito M. Wiseman Apr 8, 2011 at 9:25 pm - Reply

    very good submit, i actually love this website, carry on it

  3. fly control Apr 12, 2011 at 7:35 am - Reply

    You’ve got a amazing blog though a number of the font colors are a bit tough to read. Maybe it really is my browser, I’m using Chrome.

  4. remote Apr 12, 2011 at 8:16 am - Reply

    What valuable details you’ve managed to give inside your internet page. Thank you for writing this and creating this web web-site.

Đăng Bình Luận »