Friday, March 19, 2010

Menambahkan Tombol Google Buzz di Blogspot

Cara Menambahkan Menampilkan Widget Tombol Google Buzz Button pada blog di BlogspotGoogle 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:

  1. Login pada akun Blogspot, Layout kemudian Edit HTML, jangan lupa klik Expand Template Widget
  2. Perhatikan kode Google Buzz berikut ini:
    <div style="float:right;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://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.
  3. Lanjut, letakkan kode Google Buzz di atas setelah kode berikut ini:
    <div class='post-header-line-1'/>
  4. Namun kalau anda tidak menemukan kodenya, ada dapat meletakkan kode Google Buzz sebelum kode berikut:
    <data:post.body/>
  5. Simpan template anda


Google Buzz Button with Share Count


image
Sama kayak yang atas, tapi yang ini ada penghitungnya. Diperoleh dari Njuice.Com dan tentunya anda bisa menemukan style yang berbeda di sana. Untuk memasangnya, gunakan kode ini untuk kode Google Buzz:
<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'/>
Tapi jangan letakkan dua-duanya, cukup satu saja. Karena akan aneh kalau dua, hehe. [ardi33]

No comments:

Post a Comment