Header Ads

Cara Memasang Tombol Plus Satu di Bawah Posting

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.

17 comments:

  1. wah sy k TKP thanks tutorialnya visitback yah :D

    ReplyDelete
  2. trims tutorialnya sob, izin belajar ya :)

    ReplyDelete
  3. gagal mas bro, sy cari tutorial yg lain ajah thanks yah hehe :D

    ReplyDelete
  4. Oke dech.. thanks juga yah..

    ReplyDelete
  5. ma kasih infonya tman... ternyata berhasil di pasang neh plus+ nya

    ReplyDelete
  6. makasih ya sob tutornya... langsung dicoba neh ^_^

    ReplyDelete
  7. @cangkal sama-sama sob, silakan dicoba..

    ReplyDelete
  8. dicoba dulu, dan ternyata cara yang kedua gagal je.....
    ;-(

    ReplyDelete
  9. Mas Klik Mas Munadi, sy juga pake template sprti ini punya mas sugeng tp spertinya share button G+ dan Twitter sj yg tidak bisa tampil di browser bawaan hp saya lenovo. Apa krn browsernya? Atau krn ada script yg masih kurang?

    Padahal klo dibuka di browser chrome atau mozila desktop dgn tambah ?m=1 bisa tampil. Mohon pencerahan.

    ReplyDelete
    Replies
    1. Saya juga mengalami hal yang sama di browser bawaan hp blackberry dan mohon maaf mas, saya juga belum menemukan jawaban atas permasalahan ini.

      Delete

Comment Policies:

1. NO SPAM
2. NO LIVE LINK

Any violation will be deleted within 24 hours, thanks for your attention.

Template images by Ollustrator. Powered by Blogger.