Feb 24, 2010

Memasang Butang Google Buzz


Baru² ini Google telah meluncurkan Goole Buzz kepada umum. Justeru, mungkin ada di antara kita yang ingin memasukkan butang Google Buzz ke dalam blog masing² untuk berkongsi topik menarik bersama rakan² yang lain di rangkaian sosial itu. Jangan buang masa, mari kita mulakan.


1. Login ke Blogspot.

2. Pilih Layout - Edit HTML (Tanda kotak Expand Widget).

3. Download Full Template sebelum mengedit blog.

Cari <div class='post-header-line-1'/> dan tampal kod ini di bawahnya.

<!-- Buzz Start -->

<style>
a#buzzb { background-image:url(http://i46.tinypic.com/10n9kq9.png); width:89px; height:24px; display:block; float:right; }
a#buzzb span { display:none; }
a#buzzb:hover { background-image:url(http://i50.tinypic.com/2pqnwg3.png); float:right; }
</style>

<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcTitle=&quot; + data:blog.title' id='buzzb' target='_blank'><span>B</span></a>

<!-- Buzz End -->

5. Preview dan Save template jika berpuashati.

Selamat mencuba. Semoga sukses.

Via : Cool Tricks n Tips

0 Comment

Post a Comment

Gunakan tatabahasa yang betul sewaktu menulis komentar agar mudah difahami oleh penulis. Terima kasih. :-)

Sila ambil perhatian perkara² berikut :-

1. Tinggalkan nama dan url blog atau laman web anda.
2. HTML tag seperti <b>, <i>, <a> boleh digunakan.
3. Sila berhemah di dalam berbahasa.