Menambahkan Tombol Google Buzz pada Blogger

Labels: •
Satu lagi fasilitas dari Google yang diberi nama Google Buzz. Fasilitas ini hampir sama halnya dengan Twitter dan Facebook yang berfungsi sebagai sarana berbagi informasi dalam sebuah jejaring sosial. Dengan Google Buzz kita bisa berbagi photo, artikel, catatan, video, informasi terbaru kita, dan masih banyak lagi.
Karena sifatnya yang mampu saling bertukar informasi inilah, maka bisa digunakan sebagai salah satu sarana penting juga bagi para blogger untuk saling berbagi artikel dari blog yang dikelola, tentunya dengan tujuan agar semakin banyak para pembaca yang mau singgah untuk membaca-baca artikel yang kita buat. Peningkatan jumlah kunjungan (traffic) pada blog kita ini merupakan nilai lebih bagi suatu blog dan ini pula yang bisa mendongkrak posisi SERP[1] blog kita di mata mesin pencari, ya ujung-ujungnya SEO[2] juga.

Integrasi Tombol Google Buzz pada Artikel Blog [Versi 1]

Langkah 1
Login ke Blogger
Langkah 2
Masuk ke "Tata Letak - Edit HTML"
Langkah 3
Jangan lupa klik "Expand Template Widget"
Langkah 4
Cari kode dibawah ini:
<div class='post-header-line-1'/>
Atau kode ini:
<data:post.body/>
Langkah 5
Masukan (copy paste) kode dibawah ini dan tempatkan diantara kode pada Langkah 4:
<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>
Langkah 6
Simpan Template dan Preview blog...

Integrasi Tombol Google Buzz pada Artikel Blog [Versi 2]

Langkah 1
Login ke Blogger
Langkah 2
Masuk ke "Tata Letak - Edit HTML"
Langkah 3
Jangan lupa klik "Expand Template Widget"
Langkah 4
Cari kode dibawah ini:
<div class='post-header-line-1'/>
Atau kode ini:
<data:post.body/>
Langkah 5
Masukan (copy paste) kode dibawah ini dan tempatkan diantara kode pada Langkah 4:
Tombol Kecil:
<a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain=&quot;http://www.google.com&quot;;if(b&amp;&amp;!document.xmlVersion){void(z=document.createElement(&quot;script&quot;));void(z.src=&quot;http://www.google.com/reader/ui/link-bookmarklet.js&quot;);void(b.appendChild(z));}else{}'><img alt='Buzz this' src='http://img2.pict.com/9c/09/57/2854010/0/buzzthis.gif'/></a>
Tombol Besar:
<a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain=&quot;http://www.google.com&quot;;if(b&amp;&amp;!document.xmlVersion){void(z=document.createElement(&quot;script&quot;));void(z.src=&quot;http://www.google.com/reader/ui/link-bookmarklet.js&quot;);void(b.appendChild(z));}else{}'><img alt='Buzz this' src='http://img2.pict.com/15/da/3e/2809374/0/googlebuzz.png'/></a>
Langkah 6
Simpan Template dan Preview blog...

Keterangan :
Ubahlah link gambar dibawah ini, jika kita ingin mengubah gambarnya (lihat link yang diblok pada Langkah 5):
Catatan Kaki:
[1] Search Engine Result Page
[2] Search Engine Optimization