Blogger Tuts

Cara Memasang Tombol Google Plus Di Blog - Media sosial networking yang baru ini memang benar-benar ngerock..! Mungkin ini dikarenakan dikembangkan oleh raksasa internet, Google. Jadi dengan mudah mereka mempromosikan hingga membuat kita benar-benar menggunakannya. Bisa dilihat bagaimana perkembangan pengguna Google Plus (G+) saat ini.

Penggunaan tombol Google Plus ini sangat penting selain untuk kepentingan internal untuk menilai sendiri peringkat blog dan artikel kita, ini juga berdampak pada popularitas blog kita di mata mesin pencari Google tersebut berdasarkan Plus (+1) yang diberikan pembaca pada artikel blog kita. Dan tombol Google Plus ini tentunya meningkatkan kualitas SEO Blog kita berdasarkan penilaian pengguna tersebut.

Karena Google saat ini ibarat pusatnya dunia perselancaran di dunia maya, maka besar kemungkinan setiap pengguna internet akan Log in pada akun Google tersebut, dan ini akan lebih mudah untuk memberikan +1 bagi artikel kita lebih dari sekedar Like Facebook menurut saya.
Itulah mengapa tombol Google Plus penting kita tanamkan dalam blog kita.

Bagi template Blogger default memang sudah ada tombol Google Plus jika kita ingin menampilkannya lengkap dengan beberapa tombol social bookmark sharing standar Blogger.

Caranya cukup dengan mengaktifkannya pada settingan posting.

• Blogger > Tata Letak > Pada bagian posting, klik Edit pada sudut kanan bawah lalu muncul jendela pop up pengaturannya.
  

  Jendela pop up pengaturan posting blogger
• Centang Tampilkan Tombol Berbagi
  
  
  dan kita bisa mengatur tata letaknya secara bebas pada kolom di bagian bawah.

Namun jika kita ingin mengetahui apa yang diperlukan jika tombol Google Plus itu tidak ada berikut ini cara menampilkan tombol Google Plusone tepat di bawah artikel.

1. Blogger (Login)
2. Pilih menu Design > Edit HTML > expand widget templates dicentang dulu.
3. Cari kode </head>
4. Setelah ketemu silahkan paste kode JS berikut tepat di atas kode </head>

   <!-- kode G + -->
   <script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>

5. Sekarang cari <data:post.body/>.
   Untuk blog pengguna Read More, kalau ada lebih dari 1 kode tersebut, pakai kode <data:post.body/> yang kedua.
6. Kalau sudah ketemu sekarang paste kode dibawah ini tepat di atas kode <data:post.body/>

   <g:plusone size='medium'/>

7. Simpan template dan lihat hasilnya.

Untuk ukuran tombol Google Plus bisa kita sesuaikan menurut opsi yang diberikan Google Plus sendiri dengan penambahan kode tipe ukurannya seperti :

<g:plusone size="small"></g:plusone>
<g:plusone size="medium"></g:plusone>
<g:plusone size="standard"></g:plusone>
<g:plusone size="tall"></g:plusone>

Hasilnya sebagai berikut :

[urutan sesuai kode di atas]
Dan tombol g+1 dengan menggunakan kode terakhir ini bisa kita tampilkan dimana saja asalkan kita telah menanamkan script API Google Plus +1 pada poin nomor 4 di atas.
Untuk memodifikasi agar +1 (Plus One) yang diberikan menuju URL tertentu, kita bisa menggunakan kode berikut ini :

<g:plusone href="URL yang kita tuju" size="medium"></g:plusone>

Selamat mencoba.. :)