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 menawarkan "voting" bagi sebuah halaman blog/web yang menurutnya memiliki nilai (value) manfaat yang besar. Menurut Google, +1 Button juga menawarkan tumpuan 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 ketika 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 serpihan 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 arahan berikut dan paste sempurna SEBELUM </head>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
3. Copy arahan 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 arahan 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, arahan yang harus dicari aku ubah untuk memudahkan pemasangan (meskipun bantu-membantu 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 arahan tersebut sempurna di BAWAH-nya. Jika arahan tersebut tidak ketemu, letakkan arahan di ATAS <data:post.body/>.
5. Jika ingin memasang button di episode bawah posting, cari  <data:post.body/> (gunakan Ctrl+F) dan paste arahan tersebut sempurna di BAWAH-nya.
6. Save template.

>> Tombol Google +1 bantu-membantu hingga ketika 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

Subscribe to receive free email updates: