Cara Membuat Tombol Google Plus Dibawah Posting

Bagi yang menggunakan template bawaan Blogger, tombol plus satu ini sudah terpasang secara otomatis di deretan 'share button'. Namun, bagi kita yang memakai template modifikasi, kita harus mengedit HTML template blog dengan menambahkan kode script guna mendapatkan tombol plus satu ini.

Ada 4 (empat) ukuran tombol +1 yang tersedia, yaitu seperti yang terlihat pada tabel di bawah ini.

Kecil (15 piksel)	Sedang (20 piksel)	Standar (24 piksel)	Tinggi (60 piksel)

Untuk memasang tombol plus satu Google ini pada blog, silakan simak langkah-langkahnya di bawah ini.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Beri tanda centang pada Expand TemplateWidget.

4. Cari kode </head> Gunakan fasilitas pencarian browser dengan menekan tombol Ctrl + F lalu ketikkan kode yang dicari.

5. Copy script di bawah ini dan paste di atas kode </head>

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'id'}
</script>

Script di atas untuk yang berbahasa Indonesia. Untuk bahasa yang lain, silakan kunjungi http://www.google.com/intl/id/webmasters/+1/button/index.html

7. Tentukan ukuran tombol yang ingin anda pasang. Berikut kode tombol untuk masing-masing ukuran:

• Kecil: <g:plusone size="small"></g:plusone>
• Sedang: <g:plusone size="medium"></g:plusone>
• Standar: <g:plusone></g:plusone>
• Tinggi: <g:plusone size="tall"></g:plusone>

8. Selanjutnya cari kode <data:post.body/>

9. Untuk meletakkan kode tombol plus satu di bawah posting, silakan copy dan paste kode tombol di bawah kode <data:post.body/>

10. Agar tombol plus satu ini hanya muncul pada halaman posting saja dan tampak rapi, anda bisa menambahkan kode tertentu sehingga kodenya menjadi seperti di bawah ini. Misalnya, kita menggunakan tombol ukuran sedang.

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div style='float:left;margin-top:10px;'> <g:plusone size="medium"></g:plusone>
</div> </b:if>

11. Letakkan kode di atas di bawah kode <data:post.body/>