Cara Memasang Tombol Google Buzz di Blog

Seperti yang kita ketahui, pada tanggal 9 Februari kemarin Google telah meng-upgrade Gmail dan menyulapnya menjadi sebuah situs social network atau jejaring sosial, yaitu menggabungkannya dengan sebuah layanan yang disebut Google Buzz. Google mengaku menciptakan layanan ini untuk menandingi 2 situs jejaring sosial yang sangat populer saat ini yaitu Facebook dan Twitter. Meski banyak pihak yang mengatakan bahwa Google Buzz ini merupakan hasil tiruan Yahoo Buzz yang telah lama muncul, namun sang penemu Google, Sergey Brin tampak optimis bahwa Google Buzz akan meraih kesuksesan.

Sama halnya dengan Facebook, pengguna Google Buzz juga dapat meng-update status yang mereka pikirkan dan pengguna lian juga dapat mengomentarinya. Google Buzz juga dapat menampilkan foto, video, dan link ke sebuah situs atau blog. Untuk dapat menggunakan Google Buzz, tentunya anda harus memiliki akun Gmail terlebih dahulu. Klik disini untuk mendaftar ke Gmail.

Sudah cukup muqodimahnya, sekarang mari kita masuk ke topik utama pembahasan kita kali ini, yaitu tentang cara memasang tombol Google Buzz di blog sebagai fasilitas sharing baru.

Dengan menggunakan tombol Google Buzz di blog, kita bisa dengan mudah membagikan atau mem-buzz artikel kita ke Gmail sehingga dapat dilihat oleh orang lain. Jika kita klik tombol tersebut, maka akan keluar sebuah pop-up window. Hal yang menarik disini adalah kita bisa memilih bagian manapun dari halaman dengan mengunakan cursor mouse anda, teks atau foto akan ditambahkan ke deskripsi Buzz anda.

Berikut Cara Memasangnya di Template anda:

1. Login ke akun Blogger

2. Pilih Layout > Edit HTML, lalu centang Expand Widget Templates

3. Cari kode <data:post.body/>, Letakkan kode berwarna merah di bawah ini sebelum <data:post.body/>

-----------------------------------------------------------------------------------------------
    <div style='padding: 4px; float: right;'>
    <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://i48.tinypic.com/fe19w7.png' style='border:0px;'/></a>
    </div>
-----------------------------------------------------------------------------------------------
(Jika anda sudah menggunakan fasilitas readmore, pasang kode berwarna biru tersebut sebelum kode <data:post.body/>  yang kedua)

 anda bisa menggantinya sendiri dengan gambar Anda dengan memasukkan alamat gambar Anda ke bagian berwarna kuning.


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJEJuY6Dgi8uKv20kG20EgROEELRNBa03SaCYxVIOQNAu5p95zKLeAZjUGsnIcixTNbyVhQQO8KOjt914dDfYGvy7WpSBlQwozQkTchfu6hAxywuNVbcpiZ00vz48sPumBYjDzrUbXLqw/s400/googlebuzz.png

Jika Anda menginginkan tombol seperti ini:



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYiRt2RQUkHRsfPntmfvTvKtGk_DE03Qw4vOrebvs3cP9gFbrHEB706wgxeQ1hvlTPMFKgwUnlSmGqlVNVxxZOI7-Ov8zzVKm-k_eIE1SG5yK7NW8aVQ6IJ4Nt99UUVtyYOcFjrnRhjb4/s400/buzzthis.gif


Jika anda ingin meletakkannya di bagian bawah postingan, maka cari kode <div class='post-footer'/&gt, lalu paste kode icon Buzz tepat di bawahnya.

4. Terakhir, klik Save Template.

Selamat mencoba...

Sumber: http://www.masdoyok.co.cc & http://tekno.kompas.com

Artikel Terkait:

Tips Blogger

• Cara Membuat Komentar Admin Berbeda dengan Komentar Pengunjung
• Kumpulan Icon Read More Blog
• Cara Membuat Threaded Comment (Fitur Reply)
• Cara Membuat Read More Otomatis Dengan Tombol Gambar
• Cara Membuat Read More Otomatis Di Blog
• Script Anti Klik Kanan + Ctrl U + Ctrl C
• Cara membuat Efek banjir di blog
• Cara Membuat Anti Klik Kanan Dengan Gambar
• Cara Membuat Gambar Pembuka pada Blog
• Cara Membuat Buku Tamu Yang Keren
• Cara Membuat Buku Tamu Model Sliding
• Cara Mudah Mendapatkan Sitelink Google
• Cara Menampilkan Link Otomatis Saat Blog di Copy Paste
• Cara Membuat Halaman Maintenance Pada Blogspot
• Cara Membuat komentar admin berbeda dengan pengunjung
• Cara Memasang pesan Terimakasih di bawah komentar
• Pasang Avatar Di Kotak Komentar Blog
• Cara Membuat menu slide info di blog dengan css
• Cara Membuat Balon Tooltip Otomatis Ke Semua Title Yg Ada Di Blog
• Cara Membuat Menu Slide melayang di bagian kiri blog dengan css
• Cara membuat zFP menu di Blog
• Javascript Disable Keybord
• Membuat menu melayang dengan sentuhan Jquery dan CSS3
• Cara Menampilkan Hanya Judul Postingan di Halaman Depan Blog dengan Css
• CARA MENAMPILKAN HANYA JUDUL ARTIKEL PADA HALAMAN DEPAN BLOG