Sabtu, 09 Juli 2011

Cara Memasang Tombol Plus Satu di Bawah Posting

Belum lama ini Google meluncurkan sebuah layanan baru yaitu tombol plus satu atau +1. Tombol ini tampaknya seperti tombol like-nya Facebook. Tombol +1 ini memungkinkan orang-orang yang menyukai konten atau artikel kita untuk merekomendasikannya di Google penelusuran.

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. Klik Download Template Lengkap untuk membackup template.

4. Beri tanda centang pada Expand TemplateWidget.

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

6. Copy script di bawah ini dan paste di atas kode tersebut.

<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. Nah, agar tombol plus satu ini hanya muncul pada halaman posting saja dan tampak rapi, kita perlu 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/>

12.Klik tombol SIMPAN TEMPLATE.

Tidak ada komentar:

Posting Komentar