Mohon tunggu...
Tamtomo Daniswara
Tamtomo Daniswara Mohon Tunggu... Full Time Blogger - Life is Simple.. so make it Simple...!

blogger, musicaholic and computerfreaks

Selanjutnya

Tutup

Inovasi

Cara Pasang Google Buzz Button For Blogger

19 Februari 2010   22:19 Diperbarui: 26 Juni 2015   17:50 295
+
Laporkan Konten
Laporkan Akun
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

Mohon tunggu...

Lihat Konten Inovasi Selengkapnya
Lihat Inovasi Selengkapnya
Beri Komentar
Berkomentarlah secara bijaksana dan bertanggung jawab. Komentar sepenuhnya menjadi tanggung jawab komentator seperti diatur dalam UU ITE

Belum ada komentar. Jadilah yang pertama untuk memberikan komentar!
LAPORKAN KONTEN
Alasan
Laporkan Konten
Laporkan Akun