Saturday, July 16, 2011

Tips Pasang Tombol +1 Manual

Melanjutkan posting saya sebelumnya "Memasang Tombol +1 Di Template Klasik" . Kali ini kita akan belajar memasang tombol +1 di template modifikasi (bukan bawaan blogger).

Seperti yang kita tahu apabila kita memodifikasi template bawaan blogger dan menggunakan template pihak ketiga biasanya fitur "share button atau tombol berbagi" telah dihapus. Maka untuk menambahkan tombol +1 di template modifikasi di perlukan sedikit editing HTML.
Berikut caranya.
1. Klik disini untuk mendapatkan kode html tombol +1
2. Kemudian silahkan anda edit tombol +1 sesuai selera anda. seperti gambar dibawah ini

3. Setelah selesai copy kode pertama pada kotak yang telah disediakan dan pastekan di bagian <head> atau sebelum </head>. Pastikan Anda telah mendownload terlebih dahulu template anda. Hal ini untuk mengantisipasi apabila terjadi kesalahan dalam editing.

4. Kemudian copy-paste kode 2  di tempat yang Anda inginkan untuk menampilkan tombol +1  atau kode seperti dibawah ini.

<div class='post-share-buttons' style='float:left;padding:4px;'>
<g:plusone size="medium"></g:plusone>
</div>

Tips memasang tombol  +1
* Untuk di awal postingan paste kode nomor 2 sebelum <data:post.body/> . ( Gunakan ctrl+F untuk mempermudah proses pencarian apabila, tidak ketemu cari kode yang sejenis)
* Untuk di akhir postingan paste setelah <data:post.body/>

Note:
* Kode berwarna biru menunjukkan tombol diletakkan disisi kiri halaman. Apabila ingin menampilkannya di sisi kanan ganti dengan right.
* Kode berwarna merah adalah ukuran tombol  +1.

** Good Luck **


Related Post

0 comments:

Post a Comment

Mohon tinggalkan jejak/komentar sobat disini. Dilarang SPAM. Okey...