Blogermie.com: Cara Memasang Google Plus Button (G+) Pada Blogspot

29 September 2011

Cara Memasang Google Plus Button (G+) Pada Blogspot

Sepertinya Google tidak tangung-tanggung bereksperimen, ditengah gempuran Facebook yang kian melesat dengan tampilan dan performa barunya. Google dengan antusias meluncurkan produk serupa di bidang jejaring sosial dengan meluncurkan G+ (Google Plus). Tidak hanya berpacu pada situs jejaring sosial ini, Google juga tengah mengembangkan Fitur like-button seperti facebook.

Di G+ dengan mengeintegrasikannya di produk google.  Blogger dengan tambahan fitur "like" button yang lebih kita kenal dengan G+ button. Tersiar kabar bahwa G+1 button ini akan sangat dianjurkaan bagi mereka yang berkecimpung didunia Blogging dan Website. kenapa begitu?

Seperti istilah kata "vote", +1 button merekomendasikan hasil pencarian kata kunci (keyword) Google di tiap Blog/website yang kita buat, tentunya ini akan menguntungkan dalam hal trafik pengunjung. Semakin tinggi nilai dari Google +1 Button,tentunya blog/website kita mempunyai reputasi yang baik dimata Search Engine Google

Ada 3 style Demo Google +1 Button, Diantaranya:

1. Google +1 Button Di Share Buttons Blog Default

Beruntunglah bagi pemakai template dari Blogger, Karena tombol ini terpasang otomatis di default di share button blogger.com, tepatnya di Design > Post Element > klik Edit Posting dan checklist seperti gambar dibawah ini:

Cara Memasang Google Plus Button (G+) Pada Blogspot
Nah, bagi sobat Blogermie yang kecewa lantaran  tidak semua Template Blogger menyediakan Fitur ini, akan kita buat kode tersebut berjajar dengan fitur Share button yang lain. Berikut Cara Memasang Google Plus Button (G+) Pada Blogspot:
  • Klik Design > lalu ada edit HTML
  • Cari kode <b:includable id='shareButtons' var='post'>

Cara Memasang Google Plus Button (G+) Pada Blogspot

  • Lihatlah kode  <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/> biasanya terletak pada Kode paling bawah sebelum kode </div>
Cara Memasang Google Plus Button (G+) Pada Blogspot

  • Setelah itu copas kode ini tepat dibawahnya:
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
<g:plusone size='small'/>

Cara Memasang Google Plus Button (G+) Pada Blogspot

2. Google +1 Button Di Sidebar

Cara Memasang Google Plus Button (G+) Pada Blogspot
Pertama Klik Add Gadget > Lalu Klik HTML/Javasript dan paste kan kode +1 button >Save
Untuk resourch Kodenya bisa anda unduh di http://www.google.com/webmasters/+1/button/index.html



3. Google +1 button menggunakan widget ADDTHIS
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_google_plusone"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e13aac8372bd045"></script>
<!-- AddThis Button END -->
Tinggal copy-Paste > Add Gadget > HTML/Javasript > Save

Heru Prasetyo Blogermie.com Updated at: 9/29/2011 09:58:00 PM

1 komentar: