Tutorial Blogger : Melanjutkan Totor
ial sebelumnya tetag cara Menambah
tombol Google+ Di blog anda. Namun Pada tutorial sebelumnya terdapat
kekurangan karena cara tersebut Work 100% di template standar Blogger
sedangkan pada template hasil Downlodtan belum dapat dipastikan cara
tersebut bisa diterapkan. Nah dalam kesempatan kali ini akan kita bahas
bagai mana caranya menambahkan Google+1 plus diatas atau dibawah
Postingan pada template editan atau template hasil downlodtan.
Teknik
ini juga bisa anga gunakan pada template standar blogger selanjutnya
untuk mendapatkan kode google+1 anda langsung bisa dapatkan di situs
resmi googe :
http://www.google.com/intl/id/webmasters/+1/button/ Disitu disediakan berbagai ukurab tombol Google+1.
Demo : Berikut ini 4 style google+1
Ok langsung kita bahas langkah-lankahnya :
Mendapatkan Kode Google+1 atau google Plus
- Kunjungi halam google Penyedia script tombol google+1 Klik DISINI
- Ada akan dihadapkan ke halaman sebagai berikut :
Ker :
- Nomor 1 : Piliha ukuran Tombol Google+1
- Nomor 2 : Demo ukuran Tombol yang anda pilih
- Nomor 3 : Kode Tombol google+1
Cara memasang Tombol Google+1 di atas atau dibawah Postingan :
- Pastikan anda sudah masuk di akun blogger anda
- Pilih Rancangan >>Edit Html
- Centang Expand Template Widget
- Cari kode berikut : <head>
- Letakan Kode berikut diatas kode <head>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
- Kemudian cari kode <data:post.body/> (Jika anda menggunak read more otomatis kode ini ada 2 jadi gunakan Kode yang kedua.
- Selanjutnya Letakan Kode ukuran tombol diatas kode <data:post.body/>
untuk meletakan tombol Google+1 diatas Postingan dan sebaliknya apa
bila anda ingin meletakan tombol google+1 dibawah Postingan letakan kode
ukuran tombol dibawah kodee <data:post.body/>
Berikut ini kode ukuran tombol Google Plus yang saya peroleh dari situs resmi google
- Kecil : <g:plusone size="small"></g:plusone>
- Standar : <g:plusone></g:plusone>
- Sedang : <g:plusone size="medium"></g:plusone>
- Besar : <g:plusone size="tall"></g:plusone>