Kamis, 13 Januari 2011
Memasang Tombol Google Buzz di Blog
Bagi temen-temen yang menyukai social bookmark, kini Google menyediakan fasilitas baru untuk mempublikasikan artikel kita, yaitu Google Buzz. Google Buzz diluncurkan oleh Google untuk menyemarakkan kegiatan berinternet, kegunaannya hampir sama dengan Twitter dan juga Facebook, yaitu sebagai alat sosial atau Social Tool (ya lebih enak dipanggil alat promosi). Seperti bookmark, Google Buzz ini mengumpulkan berbagai halaman yang menurut anda menarik. Selengkapnya tentang Google Buzz, anda dapat membacanya di official Google Blog.
Untuk menambahkannya ke dalam blog, mari kita lihat caranya:
- Login pada akun Blogspot, Layout kemudian Edit HTML, jangan lupa klik Expand Template Widget
- Perhatikan kode Google Buzz berikut ini:
<div style="float:right;padding:4px;"><a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title + "&srcTitle=" + data:blog.title+ "&srcURL=" + data:blog.homepageUrl ' rel='nofolloW' style='text-decoration:none;' target='_blank'><img alt='Buzz It' src='http://i48.tinypic.com/idyc04.png' style='border:0px;'/></a></div>Pada kode tersebut menggunakan image bawaan, yaitu ada di url (http://i48.tinypic.com/idyc04.png). Anda bisa menggantinya dengan browsing di Google. - Lanjut, letakkan kode Google Buzz di atas setelah kode berikut ini:
<div class='post-header-line-1'/> - Namun kalau anda tidak menemukan kodenya, ada dapat meletakkan kode Google Buzz sebelum kode berikut:
<data:post.body/> - Simpan template anda
Google Buzz Button with Share Count
<div style="float:right;padding:4px;">
<script type='text/javascript'>
njuice_buzz_url = '<data:post.title/>';
njuice_buzz_title = '<data:post.url/>';
njuice_buzz_share = 'reader';
</script>
<script type='text/javascript' src='http://button.njuice.com/buzz.js'/>
</div>Untuk beberapa editting, anda dapat juga menambah kode njuice_buzz_size = 'small'; atau njuice_buzz_size = 'simple'; di bawah kode njuice_buzz_share = 'reader';
Penempatannya sama, yaitu setelah kode:
<div class='post-header-line-1'/> 
Label:
tutorial blog