Untuk template bawaan blogger, fitur ini sebenarnya sudah ada dari sononya seperti pada gambar di bawah. Dan untuk menampilkan, sobat tinggal centang kolom yang ada di sebelahnya. Namun, bagi template yang sudah dimodifikasi dan bukan bawaan, fitur "share button" biasanya telah dihapus. Oleh karena itu diperlukan editing template HTML untuk menambahkan fitur/tombol +1 Google tersebut.agar muncul kembali dalam template sobat.
Secara official, ada 3 jenis button atau tombol Google +1:
Dari pada masih kesana kemari mending langsung aja ke TKP.
- Masuk ke dashboard > rancangan > edit HTML >"expand widget templates"
- silahkan cari kode </head> dan letakkan kode di bawah ini tepat diatasnya
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
- Silahkan sobat cari kode <div class='post-header-line-1'/> da letakkan kode di bawah ini tepat di bawah kode tadi. Jika tidak ada, silahkan sobat cari kode <data:post.body/> dan letakkan kode di bawah ini tepat di atasnya.
<!-- Google +1 Button -->
<b:if cond='data:blog.pageType == "item"'>
<div class='post-share-buttons' style='float:right;padding:4px;'>
<g:plusone size="standard"></g:plusone>
</div>
</b:if>
<!-- http://sandydoank12.blogspot.com -->
Pilihan tombol :
Silahkan ganti warna merah dengan sesuai selera sobat jika ingin mengubah ukuran tampilan button/tombol seperti contoh gambar di atas. untuk right sobat bisa ganti dengan left jika sobat menginkan posisi pada kiri
OK. sampai di sini dulu postingan cara menambah google +1 pada blog. semoga bermanfaat dan selamat mencoba
Wah, thank you gan wat tutorial nya.. salam blogger pemula dari Lombok...
ReplyDeletewaduh, aku mash blm terlalu paham sob tentang hal ini
ReplyDeletelebih baik langsung daftar ke google plus nya aja bro, bisa sambil sharing disana.
ReplyDelete@ penghuni60 : asalkan ada kemauan pasti bakalan bisa sob
ReplyDelete@ Cara Membuat Meta Tag SEO Friendly : seef sob
mantap tutorialnya sobat, ma kasih uda pasang link aq ya
ReplyDeletethx gan
ReplyDeleteWORK 100%...
LIHAT ajj blog ane www.rangga-cyber.blogspot.com
rada bingung nih..
ReplyDeletemantaf gan tutorialnya
ReplyDeletewah kebetulan bisa ketemu disini. ini yang ane cari-cari gan. thank's for share
ReplyDeletematap gan.. dtunggu knjungan bloknya..:
ReplyDeletehttp://iputu-dirga.blogspot.com/