Cara Membuat/Memasang Tombol Google +1 di Blogger/Blogspot



Seperti yang telah ramai diberitakan di dunia internet, Google telah membuat satu fitur baru:" Official Google +1 Button" yang merupakan tool bagi pengunjung blog/web serta search engine untuk menunjukkan "voting" bagi sebuah halaman blog/web yang menurutnya memiliki nilai (value) manfaat yang besar. Menurut Google, +1 Button juga menunjukkan rujukan dan rekomendasi bagi Google dalam menentukan peringkat suatu halaman web di search engine (SERPs). Oleh karena itu, memasang tombol +1 Google mampu menjadi salah satu alternatif bagi pemilik blog/web untuk meningkatkan SEO blog/web tersebut. Meskipun dikala ini fitur Google +1 gres muncul di domain google.com, namun memasangnya mulai sekarang tidak ada salahnya, karena di domain tersebut pun semua website di banyak sekali pecahan dunia juga diperhitungkan, apalagi jikalau nanti fitur ini juga muncul di domain google.co.id, pasti lebih bermanfaat dan berkali lipat efeknya terhadap SEO dan SERPs.

Untuk template blogger yang default atau secara official merupakan bawaan blogger, fitur ini dapat dibuat dengan mudah melalui halaman page elements/edit gadget, karena fitur ini sudah secara resmi ditambahkan ke Blogger. Perhatikan gambar berikut:


Tombol +1 Google dapat dengan mudah ditampilkan dengan mencentang "Show Share Button". Masuk ke dashboard > design/rancangan > kemudian klik "edit post " di episode tubuh template dan akan tampil pop up window menyerupai gambar di atas.

Namun, bagi template yang sudah dimodifikasi dan bukan default template, fitur "share button" biasanya telah dihapus. Oleh karena itu diharapkan editing template HTML untuk menambahkan fitur/tombol +1 Google tersebut.
Secara official, ada 3 jenis button atau tombol Google +1:
standard
medium
small

1. Masuk ke dashboard > design/rancangan > edit HTML >"expand widget templates"
2. Copy aba-aba berikut dan paste sempurna SEBELUM </head>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
3. Copy aba-aba berikut:
<!-- Google +1 Button  -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-share-buttons' style='float:right;padding:4px;'>
<g:plusone size="standard"></g:plusone>
</div>
</b:if>
<!-- ">auto readmore, maka tombol tersebut tidak akan muncul di post summary, sehingga tampilan post summary tidak akan rusak.  Jika anda tidak menggunakan auto readmore atau menggunakan readmore tapi tetap ingin menampilkannya di post summary, hapus aba-aba biru tersebut.

Cara Memasang Google +1 Button:
(Update: Ini sekaligus untuk menjawab beberapa permasalahan yang disampaikan dalam beberapa komentar di bawah):

>> Karena banyaknya permasalahan ketika memasang tombol Google +1, aba-aba yang harus dicari aku ubah untuk memudahkan pemasangan (meskipun bahu-membahu sama saja, hanya untuk memudahkan pencarian)
4. Jika ingin memasang button di episode bawah posting, cari <div class='post-header-line-1'/> (gunakan Ctrl+F) dan paste aba-aba tersebut sempurna di BAWAH-nya. Jika aba-aba tersebut tidak ketemu, letakkan aba-aba di ATAS <data:post.body/>.
5. Jika ingin memasang button di episode bawah posting, cari  <data:post.body/> (gunakan Ctrl+F) dan paste aba-aba tersebut sempurna di BAWAH-nya.
6. Save template.

>> Tombol Google +1 bahu-membahu hingga dikala ini masih menjadi uji coba Google, baik dalam script-nya (beta) maupun dalam fungsinya sebagai vote dan share hasil pencarian. Seperti yang aku amati, script Google +1 masih tidak stabil; baik dalam fase file downloading-nya maupun ketika diload oleh beberapa browser tertentu. Kadang-kadang tombol tidak muncul atau kita tidak mampu melaksanakan vote, sehingga, ketika setelah script dipasang tombol tidak muncul, kemungkinan juga disebabkan oleh permasalahan itu.


mencuri yaitu pekerjaan pengecut! © buka-rahasia.blogspot.com

Komentar