Shabrun's Blog

1. Login ke Akun Blogger Anda

2. Klik Design atau Rancangan, kemudian pilih edit html

3. Centang Expand Widget Template (saya anjurkan download dahulu template anda)

4. Cari kode </head> (Biar gampang pake CTRL+F aja)

Jika sidah, masukkan kode dibawah ini tepat diatas nya :

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

contoh :

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

Namun jika blog Anda memakai bahasa indonesia kodenya berbeda, lihat dibawah ini

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

{lang: 'id'}

</script>

jadi, pemasangannya seperti ini :

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

6. Kemudian letakkan Script dibawah ini ditempat yang anda inginkan :

<b:ifcond='data:blog.pageType=="item"'>
<divclass='post-share-buttons'style='float:right;padding:4px;'>
<g:plusonesize='standard'/>
</div>
</b:if>

Agar penempatannya lebih efesien pada setiap postingan, saya anjurkan Anda meletakkannya dibawah kode <data:post.body/>. Ganti tulisan yang berwarna merah sesuai keinginan Anda. Jika Anda ingin meletakkannya disebelah kiri ubah right menjadi left dan jika ukurannya google plus one nya ingin lebih kecil ubah standar menjadi small.

Jika anda sudah mengaplikasikan readmore otomatis, maka letakkan kode tersebut dibawah kode<data:post.body/> yang kedua.

Nah, jika Anda ingin mengkolaborasikan tombol google plus one dengan like facebook, twitter dan beberapa button lainnya maka kita menggunakan jasa www.addthis.com, dan kode sudah saya persiapkan untuk Anda, tinggal Anda pasang kedalam blog.

Jika Anda tertarik dengan cara ini maka pasang kode dibawah ini dibawah kode <data:post.body/>

<b:ifcond='data:blog.pageType=="item"'>
<divclass='addthis_toolboxaddthis_default_style'>
<aclass='addthis_button_facebook_like'fb:like:layout='button_count'/>
<aclass='addthis_button_tweet'/>
<aclass='addthis_button_google_plusone'g:plusone:size='medium'/>
<aclass='addthis_counteraddthis_pill_style'/>
<scripttype='text/javascript'>varaddthis_config={"data_track_addressbar":true};</script>
<scriptsrc='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4dd517bd5adb2a1d' type='text/javascript'/>
</div>
</b:if>

Untuk melihat hasilnya tidak usah jauh-jauh, Anda cukup lihat kolaborasi tombol google plus one milik saya seperti dibawah ini.