Menambahkan Google+1 Pada Blogspot ~ napetis

Beberapa saat yang lalu, napetis iseng mengutak-atik html template blog ini, dan sialnya, terjadi sedikit kesalahan yang memaksa napetis memakai kembali template sebelumnya yang notabene widget nya belum begitu lengkap. Pada template yang lama ini ada beberapa kode html yang missing, salah satunya adalah Google +1. Menyadari bahwa kode html untuk google +1 di blog ini belum terpasang, maka segera napetis kembali memasukkannya tanpa banyak mengeluarkan teringat.

Nah, itung-itung untuk berbagi ilmu, berikut adalah langkah-langkah yang bisa digunakan untuk menambah kode html google+1 di blog* anda *(khusus blogspot)

Ada 4 ukuran tombol +1 yang dapat anda gunakan untuk dipasang di blog anda. Di kode tersebut ada pesan "Tempatkan tag ini di bagian head atau tepat sebelum tag body penutup". Kode pertama letakkan kodenya sebelum kode </head> , perhatikan, bukan <head>, dan yang kode kedua letakkan dimana anda ingin meletakkan tombol +1 di blog anda.Ada 4 ukuran tombol +1 yang dapat anda gunakan untuk dipasang di blog anda. Di kode tersebut ada pesan "Tempatkan tag ini di bagian head atau tepat sebelum tag body penutup". Kode pertama letakkan kodenya sebelum kode </head> dan yang kode kedua letakkan dimana anda ingin meletakkan tombol +1 di blog anda.

Sebelum melakukan pemasangan dapatkan kodenya dari google webmaster

Proses pemasangan kode :
Seperti biasa untuk melakukan customasi kita masuk ke edit HTML. jangan lupa centang pada " Expand Widget Templates"

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

Copas Kode diatas dan paste sebelum </head>

Setelah itu untuk meletakkan sesuai keinginan kita ikuti petunjuk selanjutnya

Tombol +1 Kecil
Kode tombol kecil

<g:plusone size="small"></g:plusone>

Tombol +1 Sedang
Kode tombol Sedang

<g:plusone size="medium"></g:plusone>

Tombol +1 Standar
Kode tombol standart

<g:plusone></g:plusone>

Tombol +1 Besar
Kode tombol besar

<g:plusone size="tall"></g:plusone>

Menambah ke Sidebar Blogger

Pergi ke Halaman Rancangan > Klik Tambah Gadget> Pilih Html/Javascript dan paste kode untuk tombol +1 di kolom yang tersedia.

Menambah Tombol +1 di Atas Postingan Blogger

Pergi ke Halaman Rancangan > Edit HTML > Centang Expand Widget Templates.

Cari kode berikut di bawah ini (gunakan CTRL dan F untuk mencari kodenya):

<div class='post-header-line-1'>

Paste kode tombol +1 anda di sebelum / di atas kode <div class='post-header-line-1'> dan simpan template anda.

Menambah Tombol +1 di Bawah Postingan Blogger

Pergi ke Halaman Rancangan > Edit HTML > Centang Expand Widget Templates.

Cari kode berikut di bawah ini (gunakan CTRL dan F untuk mencari kodenya):