Pages

Selasa, 09 Agustus 2011

Cara Pasang Google +1 Disetiap Postingan

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 bagian badan  template dan akan tampil pop up window seperti gambar di atas.
Namun, bagi  template yang sudah dimodifikasi dan bukan default template, fitur  "share button" biasanya telah dihapus. Oleh karena itu diperlukan  editing template HTML untuk menambahkan fitur/tombol +1 Google tersebut.
Secara default, ada 3 jenis button atau tombol Google +1:

Standard 
 
 
Medium 
 
 
Small 




1. Masuk ke dashboard > design/rancangan > edit HTML > jangan lupa beri ceklis pada  "expand widget templates"
 
2. Copy kode berikut dan paste tepat SEBELUM </head> 
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

3. Copy kode 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>

a. Ganti standard dengan medium atau small jika ingin mengubah ukuran tampilan button/tombol seperti contoh di atas.
b. Ganti right dengan left jika ingin button/tombol berada di sisi kiri.  
c. Kode berwarna biru akan menampilkan tombol hanya ketika halaman posting dibuka. Jika anda menggunakan 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 kode biru tersebut.
 
 
Cara Memasang Google +1 Button (Perbaikan cara diatas):
>> Karena banyaknya permasalahan ketika memasang tombol Google +1, kode yang harus dicari saya ubah untuk memudahkan pemasangan (meskipun sebenarnya sama saja, hanya untuk memudahkan pencarian)

4. Jika ingin memasang button di bagian bawah posting, cari <div class='post-header-line-1'/> (gunakan Ctrl+F) dan paste kode tersebut tepat di BAWAH-nya. Jika kode tersebut tidak ketemu, letakkan kode di ATAS <data:post.body/>.
 
5.  Jika ingin memasang button di bagian bawah posting, cari  <data:post.body/> (gunakan Ctrl+F) dan paste kode tersebut tepat di BAWAH-nya.
 
6. Save Template

4 comments:

Mufi_ed mengatakan...

nice share sob ....

Janual mengatakan...

Thank Kyu ...
Sama-sama

Blog seo terbaru mengatakan...

kemarin sempat bingung, pasang google +1 di blog soalnya tidak muncul-muncul, ternya pakai cara ini langsung sukses. thank a lot ya.....

Laras Mays mengatakan...

Makasih banyak infonya kawan,happy blogging

Template by : Janual x-template.blogspot.com