Follow us on foursquare

Popular Posts

Thursday, February 18, 2010

Google Buzz Button For Blogger


Udah tau kan kalo Google ngerilis Google Buzz yang terintegrasi di halaman Gmail? Bagi yang belum coba silahkan cek aja di Gmail dan bagi yang belum punya account Gmail bikin dulu aja. Kehadiran Google Buzz memang kontroversial termasuk dalam hal privacy pengguna Gmail, tetapi bagi pemilik website atau blog dapat menjadi tempat baru buat berbagi (sharing informasi).

Seperti jejaring sosial yang lain (Facebook atau Twitter) pemilik blog atau situs dapat menambahkan "Share Button" Google Buzz ke halaman blog atau situs sehingga memungkinkan pengunjung langsung tinggal tekan klik pada "Share Button" tersebut untuk memposting di halaman Google Buzz. Tombol ini berfungsi seperti tombol Share untuk Facebook dan ReTweet untuk Twitter.

Tahap pertama buat pasang Button ini setelah Login di Blogger terus cari menu "Layout" di halaman "Dashboard" dan klik "Edit HTML" selanjutnya jangan lupa centang pada tick box "Expand Widget Templates". Kemudian cari aja kode " <div class='post-header-line-1'/> " (tanpa tanda kutip) apabila "Share Button" ditampilkan di bawah judul tulisan/ baris pertama tulisan atau cari kode " <div class='post-footer'> " (tanpa tanda kutip) apabila "Share Button" ditampilkan di "footer" postingan atau terserah mau ditaruh dimana "Share Button" tersebut.

Tahap kedua adalah menambahkan kode HTML Google Buzz di bawah kode yang ditemukan di atas, kode yang harus di copy & paste seperti di bawah:

<div style='float:left;padding:4px;'>
<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+ &quot;&amp;srcURL=&quot; + data:blog.homepageUrl ' rel='nofolloW' style='text-decoration:none;' target='_blank'>
<img alt='Buzz It' src='http://i46.tinypic.com/121wg9e.jpg' style='border:0px;'/></a>
</div>

Ada beberapa pilihan icon buat Google Buzz Button seperti contoh kode diatas http://i46.tinypic.com/121wg9e.jpg adalah seperti gambar berikut:




Sedangkan apabila diganti dengan alamat http://i47.tinypic.com/2j0b02c.jpg akan menjadi seperti:







Untuk pilihan gambar boleh diganti sesuai keinginan atau bikin sendiri gambarnya, sedangkan secara default kode di atas untuk penempatan di sebelah kiri (kode: "float:left") bisa diganti penempatan di sebelah kanan (kode: "float:right")


Tahap ketiga atau tahap terakhir adalah "Preview" terlebih dahulu sebelum melakukan "Save Template" untuk memastikan apakah penempatan Google Buzz button sudah sesuai keinginan. Tutorial ini hanya untuk Blogger/ Blogspot sedangkan bagi blogger yang memiliki blog atau website pake Wordpress dapat menggunakan pluggin yang juga akan memperlihatkan counter Buzz dengan WPbuzzer.

Happy Buzzer! and follow my Google Buzz on TamtomoBuzz

Post a Comment