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. TOKO HANDPHONE TERBESAR TERLENGKAP TERMURAH TERPERCAYA NABILA SHOP Produk dijamin asli orginal.Dapatkan harga promo Nabila Shop Barang yang Kami Tawarkan Semuanya Barang ASLI ORGINAL Ada Garansi Resmi Distributor dan Garansi TAM 2 bebas resiko bebas penipuan.
    Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.
    BERMINAT HUB-SMS 085-757-299-675 ATAU KLIK WEBSET RESMI KAMI http://nabilashop77.blogspot.com
    Ready Stock! Samsung Galaxy S4 Mini Rp.2,500.000
    Ready Stock! Apple iPhone 5 Rp.2,700.000
    Ready Stock! BlackBerry 9380 Orlando - Black.Rp.900.000,-
    Ready Stock! BlackBerry Curve 8520 Gemini.Rp.500.000,-
    Ready Stock! BlackBerry Bold 9780 Onyx 2.Rp.800.000,-
    Ready Stock! Blackberry Curve 9320.Rp.700.000,-
    Ready Stock! Samsung Galaxy Note 10.1.Rp.2,500.000.
    Ready Stock! Samsung Galaxy Tab 2 (7.0).Rp. 1.000.000
    Ready Stock! Samsung Galaxy S III Mini.Rp.1.800.000.
    Ready Stock! Samsung Galaxy Nexus I9250 - Titanium Si.Rp.1.500.000,-
    Ready Stock! Samsung Galaxy Note N7100.Rp.2.500.000.
    Ready Stock! Samsung Galaxy Note N7000 - Pink.Rp.1.700.000.
    Ready Stock! Samsung Galaxy Y S5360 GSM - Pure White.Rp.500.000

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

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

      Hapus
  9. 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
  10. wah keren widgetnya udah terpasang di blogq gan.. makasie yah.. :D

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

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

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

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

    BalasHapus

Silahkan berkomentar, komentar sobat adalah inspirasi saya !!