Memasang Google Buzz Button di Blogspot

Dalam entri semalam saya ada tulis tentang cara bagaimana hendak menambah Google Buzz Button di Blog WordPress untuk meningkatkan lagi trafik pengunjung ke blog kita. Hari ni saya dapat respon daripada rakan-rakan bertanyakan macam mana nak pasang button tu di blogspot. Jadi rasanya tidak adil juga kalau perkongsian hanya untuk blog wordpress selfhosting saja. Lagipun saya sendiri memiliki blogspot yang masih lagi dipelihara walaupun jarang-jarang di-update.

Memasang Google Buzz button di blogspot tidaklah terlalu sukar. Anda hanya perlu mengikut beberapa langkah mudah berikut:

Langkah #1:
Sign in di blogger dashbord dan pergi ke –> Layout –> Edit HTML

Tick pada kotak “Expand Widget Templates“

Langkah #2
Cari kod berikut pada template anda:

<div class='post-header-line-1'>

Kemudian paste kod berikut di bawahnya:

<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>

Untuk button yang kecil:

Untuk saiz button yang lebih besar pula, gunakan kod di bawah ni:

<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>

Button berikut akan kelihatan:

Langkah #3
Simpan Template anda…. selesai.
Saya telahpun menguji kod/skrip Google Buzz button tu di blogspot saya dan ia dapat berfungsi dengan baik.

Nota Tambahan:
Jika kod pada Langkah #2 (berwarna merah) tidak terdapat pada template anda, sila copy kod tu dan paste-kan di atas kod berikut:

<p><data:post.body/></p>

Kemudian letakkan kod Google Buzz tadi di tengah-tengah antara kod warna merah dan biru, seperti berikut:

<div class='post-header-line-1'>
– Letakkan kod Google Buzz button di sini –
<p><data:post.body/></p>

- Selamat mencuba -

• Share
• Tweet

Kata kunci artikel:

Terima kasih kepada semua pembaca Kulanzsalleh.com. Semua Artikel di blog ini adalah berdasarkan pandangan peribadi saya sendiri melainkan artikel berbentuk ilmiah, berita, petikan dan perkongsian lain yang tiap satunya akan saya nyatakan sumber asalnya (Baca Terma & Syarat). Jika anda dapati artikel di blog ini bermanfaat, anda boleh kongsikan kepada pembaca lain di FACEBOOK atau TWITTER.