Dzakey World

Setelah anda belajar cara membuat google brand pages, saatnya sekarang untuk anda menambahkan google+ button untuk blog berbasis blogspot. sebelumnya lebih baik anda mengetahui kegunaan dari google+ button yaitu bagi saya pribadi adalah salah satu teknik seo , sehingga bisa mendapatkan hasil terbaik blog dalam pemburuan seo. banyak artikel tentang teknik SEO sebagian besar hampir mengacu pada google+ ini. jadi menurut saya google+ sangat penting bagi mereka yang bermain keyword tertentu pada search engine google.

Mari kita kembali ke topik utama, cara menambahkan google+ button pada blogger adalah sebagai berikut:

1. Login ke Akun Blogger anda.
2. Klik Design atau Rancangan, kemudian pilih edit html
3. Centang Expand Widget Template (Backup terlebih dahulu template anda untuk mencegah error pada template anda nantinya)
4. Cari kode </head> (Biar gampang pake CTRL+F)
5. Letakkan script dibawah ini tepat diatas atau sebelum kode </head> tersebut.

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>

atau

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">{lang: 'id'}</script>

Jika anda lebih suka menggunakan bahasa Indonesia.

6. Cari kode <div class='post-header-line-1'/> atau <data:post.body/>

7. Letakkan kode berikut tepat diatas kode yang anda cari tadi

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-share-buttons' style='float:right;padding:4px;'>
<g:plusone size='standard'/>
</div>
</b:if>

NOTE: kata standart yang diberi warna merah dapat anda ganti dengan medium atau small, jika anda ingin merubah bentuk buttonnya, untuk lebih jelasnya silahkan kunjungi page resmi dari Google +1 button

Dan kata right pun dapat anda ganti dengan left jika anda lebih suka button tersebut terlihat disebelah kiri.

Alternatif lain Anda bisa meletakkan google+ button pada halaman atas blog anda, bukan disetiap posting seperti cara yang anda lakukan tadi. caranya lakukan cara diatas 1-5 kemudian cari kode berikut

]]></b:skin>

Letakkan kode css berikut tepat diatas kode tersebut

#g_plusone {
position:fixed;_position:absolute;top:10px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+
document.documentElement.clientWidth - offsetWidth); }

Kemudian cari kode </body> dan letakkan script dibawah ini, tepat diatas atau sebelum kode </body> tersebut:

<div id='g_plusone'>
<g:plusone size='tall'/>
</div>

Save template dan lihat hasilnya