Lihat ke Halaman Asli

Tamtomo Daniswara

Life is Simple.. so make it Simple...!

Cara Pasang Google Buzz Button For Blogger

Diperbarui: 26 Juni 2015   17:50

Kompasiana adalah platform blog. Konten ini menjadi tanggung jawab bloger dan tidak mewakili pandangan redaksi Kompas.

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 Baca juga di: SINI BUZZ this!

Baca konten-konten menarik Kompasiana langsung dari smartphone kamu. Follow channel WhatsApp Kompasiana sekarang di sini: https://whatsapp.com/channel/0029VaYjYaL4Spk7WflFYJ2H




BERI NILAI

Bagaimana reaksi Anda tentang artikel ini?

BERI KOMENTAR

Kirim

Konten Terkait


Video Pilihan

Terpopuler

Nilai Tertinggi

Feature Article

Terbaru

Headline