Rabu, 08 Februari 2012

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
    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
    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-kode
    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(margasatrya)

Tidak ada komentar:

Posting Komentar