Pengikut

Salam blogger, pada kesempatan kali ini saya posting trik blogger yang baru yaitu cara memasang tombol google+. Saya yakin pembaca setia blog ini tidak kesulitan untuk memasang tombol Google+ plus, tapi tidak semua juga mengerti caranya, terlebih yang baru membuat blog. Selain itu disini saya juga  mencoba menjelaskan secara rinci dari beberapa masalah yang kadang membuat tombol Google+ tidak bekerja sebagaimana mestinya. Jadi silahkan luangkan waktu sejenak untuk belajar dan amati tutorial dibawah ini.


Berikut langkah-langkah membuat dan memasang tombol google+ plus :

Silahkan memasang Script dibawah ini atas Tag </body>
<!-- Tempatkan tag ini di bagian head atau tepat sebelum tag body penutup --><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

Kemudian anda bisa memasang tombol Google+ dimana saja dengan menambahkan kode dibawah ini.

<!-- Tempatkan tag ini di tempat yang Anda inginkan untuk menampilkan tombol +1 --><g:plusone size="small"></g:plusone>

Cara memasang tombol Google+ diatas sebenarnya sudah selesai, tapi jika anda ingin menambahkan kode yang lebih rinci anda bisa mencoba beberapa script dibawah ini:

Tombol Google+ dengan ukuran Standar (24 px)
<g:plusone></g:plusone>

Tombol Google+ dengan ukuran Kecil (15 px)
<g:plusone size="small"></g:plusone>

Tombol Google+ dengan ukuran Sedang (20 px)
<g:plusone size="medium"></g:plusone>

Tombol Google+ dengan ukuran Tinggi (60 px)
<g:plusone size="tall"></g:plusone>

Tombol Google+ Untuk HTML5
<div class="g-plusone" data-size="standard" data-count="true"></div>

Anda juga dapat membuat kreasi tombol Google+ sendiri
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">{"parsetags": "explicit"}</script><script type="text/javascript">function renderPlusone() {gapi.plusone.render("plusone-div");}</script><body><a href="#" onClick="renderPlusone();">Render the +1 button</a><div id="plusone-div"></div></body>

Kreasi Tombol Google+ dengan URL khusus
<!-- customized for a specific address --><g:plusone href="https://plus.google.com/108442421331149025926"></g:plusone>
Untuk customize tombol Google+ saya menyarankan anda memasukan url dari Google+ profile atau halaman (page) G+ yang sudah ada buat.

Cara pasang Tombol Google+ disebelah Tombol Facebook (halaman posting)
<span style='float:left; width:65px;'><!-- Place this tag where you want the +1 button to render --><g:plusone expr:href='data:post.url' size='medium'/></span><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.pjumpjhp?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:110px; height:30px;'/></div>

Kode standar Google+ tidak bekerja pada postingan dalam lingkup halaman home (index).
Pada halaman Posting dengan menggunakan kode <G:Plusone/> biasanya tidak terjadi masalah, tapi saat kalian mencoba memasang tombol Google+ yang ditujukan pada halaman post yang letaknya berada dalam halaman utama ini biasanya bermasalah karena Google+ setahu saya tetap akan mendeteksi sebagai halaman index bukan sebagai halaman post. Untuk mengatasi masalah ini silahkan mencoba menggunakan kode ini <g:plusone expr:href='data:post.url'/>

selamat mencoba dan semoga bermanfaat.

Posting Komentar

  1. thanks sharinknya mas.. bermanfaat nih

    BalasHapus
    Balasan
    1. iya sama-sama gan, syukur kalo bisa bermanfaat, terimakasih udah mampir ke sini.

      Hapus
  2. ane coba dulu ya om :D :D :D

    BalasHapus
    Balasan
    1. yoyoy silahkan di tester
      thank's komennya

      Hapus
  3. Balasan
    1. wajib dicoba
      sama sama gan, makasih komentarnya

      Hapus
  4. akhirnya ketemu juga tutorial ini..
    makasih mas..

    BalasHapus
    Balasan
    1. hha emnag susah ya gan nemuin nya, makasih gan kunjungan nya

      Hapus
  5. ini kaya tombol g+ bawaan blog bukan?

    BalasHapus
    Balasan
    1. yaa kurang lebih seperti itu gan.. makasih

      Hapus
  6. Wah keren gan Tombol G+-nya sudah ane terapkan di blog ane. Thanx gan
    Kalau berkenan kunjungi balik ya www.cibuntublogger.com

    BalasHapus
  7. terima kasih tips n trik nya untuk membuat link G+ sangat bermanfaat...

    BalasHapus
    Balasan
    1. Iya gan sama sama, makasih juga sudah berkomentar

      Hapus
  8. www.ciremai89.com
    judi bola, agen bola, taruhan bola, judi online, bandar bola, judi bola online, agen bola online, taruhan bola online, agen sbobet, agen ibcbet, agen judi, agen judi online

    BalasHapus
  9. wah keren widgetnya udah terpasang di blogq gan.. makasie yah.. :D

    BalasHapus
  10. terima kasih tips n trik nya untuk membuat link G+ sangat bermanfaat...

    BalasHapus
  11. Makasih share ilmunya gan, izin belajar ya buat masang di blog saya
    Jual beli laptop bekas jogja
    http://www.laptopistimewa.com/

    BalasHapus
  12. wah bagus gan infonya benar-benar bermanfaat bagi saya yang sedang belajar, sekali lagi terimakasih banyak

    BalasHapus
  13. gan bantu dong menurut anda blog ini sudah layak terbit atau belum? http://celengandollar15.blogspot.com

    BalasHapus

Silahkan berkomentar, komentar sobat adalah inspirasi saya !!