cara menambahkan button share google +1 pada blog

Posted by muhammad khusaini

cara menambahkan button share google +1

Button share Google +1 memungkinkan orang-orang yang menyukai konten Anda merekomendasikannya di Google penelusuran, dengan kata lain membantu user lainnya untuk mendapatkan yang terbaik dari yang ada dan tentunya mbah google juga tidak perlu repot-repot memunculkan apa yang kita inginkan di mesin pencarinya.

Seru bukan tombol google +1 ini, dengan menekan google+1 berarti kita menyukai dan telah mempublikasikan kalo ini adalah good information atau good-good yang lainnya,  kalo di jejaring social seperti facebook terkenal dengan tombol jempolnya (like this) untuk memasangnya ada di sini
Untuk template bawaan blogger, fitur ini sebenarnya sudah ada. dan untuk menampilkannya cukup centang kolom tombol share tersebut.

Masuk ke dashboard
  • Pilih Design/rancangan
  • Pilih Page Element
  • Pilih Blog post/Posting blog dan klik edit
  • Conteng pada colom Tampilkan Tombol berbagi atau share button
Namun, bagi template yang sudah mengalami perubahan fitur share button biasanya dihapus. Nah untuk memunculkan kembali fitur share buton khususnya google share atau google +1 di perlukan sedikit edit HTML agar muncul kembali

Let`s go to the TKP.
  • Masuk ke Dashboard
  • Pilih Rancangan
  • Pilih Edit HTML dan conteng >"expand widget templates"
  • Cari kode </head> gunakan Ctrl + F untuk memudahkan pencarian dan letakkan kode di bawah ini tepat diatasnya 
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>


cari kode berikut  <div class='post-header-line-1'/>  dan letakkan kode di bawah ini tepat di atasnya. 
<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>
  • Pilih  Rancangan/design
  • Pilih  Tambah Gadget
  • Pilih Html/Javascript dan paste kode untuk tombol google +1 berikut 
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script> 
<g:plusone size="tall"></g:plusone>
  • Masuk ke Dashboard
  • Pilih Rancangan
  • Pilih Edit HTML dan conteng >"expand widget templates"
  • Cari kode berikut di bawah ini gunakan Ctrl + F untuk mencari kodenya 
<div class='post-footer-line post-footer-line-1'>
  •  copy paste kode berikut tepat di bawahnya.. 
<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>
NB
Ganti tulisan berwarna merah dengan ke inginan kita
Float adalah posisi letas share button (right.left.center)
Dan size adalah ukuran (Tall. Medium. Small. Standard)
Artikel tentang cara menambahkan button share google +1 pada blog Url Address http://penowo.blogspot.com/2011/08/cara-menambahkan-button-share-google-1.html
cara menambahkan button share google +1 pada blog by Mahir Blogging
>

Related Post/terkait

{ 3 comments... read them below or add one }

Bayoe said...

Bermanfaat, Thank you

khusaini said...

sidik @ selamat mencoba
bayoe @ happy blogging

Egi Saputra said...

nice info gan...

mamvir tempat ane ya:

http://topgame.web.id/

 

Mahir Blogging

Here:
Blogger Bertuah

Statistic

Mahir Blogging