Facebook Twitter
Gratis berlangganan artikel in.blogspot.com via mail, join sekarang!

Friday, August 12, 2011

0
Cara Memasang Tombol Plus Satu di Bawah Posting

Do you want to share?

Do you like this story?

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.
Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari BURONAN COUMUNITY di inbox anda:

0 comments:

Post a Comment