Tutorial Tips Wordpress | Margasatrya.com

Posted: 04 Jun 2011 04:07 AM PDT

Hari ini saya lanjutkan pembahasan mengenai tombol google +1, sebelumnya kalau teman-teman belum tahu apa itu tombol google +1, silahkan dibaca terlebih dahulu artikel ini. Cara memasang tombol google +1 ini ada 2 cara, manual dan menggunakan plugin.

Cara Memasang Tombol Google +1

1. Manual

Untuk memasang tombol google +1 dengan cara manual ini sangatlah mudah, silahkan ikuti step-stepnya berikut ini :

Silahkan anda masuk dulu kehalaman dimana kita bisa mengambil kode tombol google +1, klik disini.
Pilih ukuran (size) sesuai dengan keinginan anda, anda juga bisa langsung melihat preview ukuran atau bentuk tombolnya seperti apa pada kolom dibagian kanan.

memasang tombol google +1 300x154 Cara Memasang Tombol Google +1

Klik untuk memperbesar gambar

Setelah anda memilih ukuran yang sesuai, sekarang scroll ke bawah sedikit kebagian kode-kode yang harus dimasukan kedalam file template anda.
Pertama, salin kode pada baris pertama(javascript) yang disediakan dikotak tersebut, atau kode seperti di bawah ini

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

memasang tombol google +1 kode 300x98 Cara Memasang Tombol Google +1

Klik untuk memperbesar gambar

Kemudian, anda harus membuka halaman editor template. Appearance » Editor.
Lihat kebagian kanan monitor anda, lalu cari header.php. Klik file tersebut.
Lalu anda cari kode </head>, kalau sulit silahkan tekan CTRL+F lalu ketikan kode </head> pada kotak yang sudah disediakan.
Setelah ketemu, silahkan anda tempelkan (paste) kode javascript tadi, yang sudah kita salin tepat di atas </head>
Kemudian, kembali lagi ke halaman untuk mengambil tombol google +1 tadi, sekarang anda salin kode pada baris kedua. Atau kode di bawah ini.

<g:plusone></g:plusone>

memasang tombol google +1 kode1 300x98 Cara Memasang Tombol Google +1

Klik untuk memperbesar gambar

Agar URL yang dihasilkan tombol ini dinamis, maka anda harus sedikit menambahkan kode pada kode baris kedua tadi. Anda cukup menambahkan kode seperti ini.

href="<?php the_permalink(); ?>"

Atau akan menjadi seperti ini

<g:plusone href="<?php the_permalink(); ?>"></g:plusone>

Namun sebenarnya, walaupun kita tidak menambahkan tag href, tombol google +1 ini secara otomatis akan terisi value-nya dari tag link rel="canonical", selengkapnya silahkan baca disini. Oleh karena itu, menambahkan tag href hanyalah optional saja.
Terakhir, masuk kembali ke editor template anda, buka single.php, lalu anda cari kode <?php the_content(); ?>, setelah itu anda tempelkan kode baris kedua tadi di bawah atau di atas <?php the_content(); ?>. Atau apabila anda mempunyai basic editing template, anda bisa menaruhnya dimana pun anda inginkan.

2. Menggunakan plugin
Saya sendiri sebenarnnya belum pernah menggunakan plugin ini, karena saya lebih suka memasangnya dengan cara manual. Namun sepertinya plugin ini akan sangat memudahkan anda untuk memasang tombol google +1 ini, karena fasilitasnya yang sudah cukup lengkap. Berikut kutipan dari halaman download plugin tersebut.

Plugin to add manually or automatically Google +1 button to wordpress contents.
Choose where to add: top, bottom, both, manually in theme or in post/pagecontent

Nama plugin ini Google +1 Button Advanced, silahkan anda download dihalaman ini.

Silahkan kalau ada yang mau ditanyakan.

Semoga bermanfaat

Silahkan dibaca juga...

Artikel Cara Memasang Tombol Google +1 ditulis oleh MargaSatrya.

TIPS FB KEREN

Sabtu, 04 Juni 2011