Senin, 04 April 2011

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]
http://www.ardi33.web.id/2010/03/menambahkan-tombol-google-buzz-di-blogspot.html

0 comments:

Posting Komentar

 

Subscribe to our Newsletter

Contact our Support

Email us: Support@templateism.com

Our Team Memebers