O-OM.COM | Blogger Tutorial Plus Blogger Templates

O-OM.COM | Blogger Tutorial Plus Blogger Templates

Link to Tutorial Blogspot Plus Blogger Templates

Cara Memasang Tombol Google+ di Blogger

Posted: 18 Nov 2011 09:43 PM PST

Saya yakin pembaca setia blog ini tidak kesulitan untuk memasang tombol Google+ (G+), tapi tidak semua juga mengerti caranya, terlebih yang baru belajar ngeblog. 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 tutorialnya dibawah ini:


Langkah memasang tombol G+ sangat mudah silahkan ikuti tutorial dibawah ini


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 G+ 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 G+ diatas sebenarnya sudah selesai, tapi jika anda ingin menambahkan kode yang lebih rinci anda bisa mencoba beberapa script dibawah ini:


Tombol G+ dengan ukuran Standar (24 piksel)

<g:plusone></g:plusone>


Tombol G+ dengan ukuran Kecil (15 piksel)

<g:plusone size="small"></g:plusone>


Tombol G+ dengan ukuran Sedang (20 piksel)

<g:plusone size="medium"></g:plusone>


Tombol G+ dengan ukuran Tinggi (60 piksel)

<g:plusone size="tall"></g:plusone>


Tombol G+ Untuk HTML5

<div class="g-plusone" data-size="standard" data-count="true"></div>

Anda juga dapat membuat custom tombol G+ 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>
 

Custom Tombol G+ dengan URL khusus

<!-- customized for a specific address --> <g:plusone href="https://plus.google.com/108442421331149025926"></g:plusone>

Untuk customize tombol G+ saya menyarankan anda memasukan url dari Google+ profile atau halaman (page) G+ yang sudah ada buat, lihat tutorialnya disini

 

Cara pasang Tombol G+ disebelah Tombol Facebook (dalam 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 G+ yang ditujukan pada halaman post yang letaknya berada dalam halaman utama ini biasanya bermasalah karena G+ 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'/>
 

Sebenarnya G+ sendiri sudah menyedian Custom Badge yang bisa anda coba langsung di alamat ini disini atau anda bisa melihat informasi Full API selengkapnya disini

 

Jangan lupa bergabung dihalaman G+ saya:

Halaman Resmi Agus Ramadhani

Halaman Resmi o-om.com

Halaman Resmi Zoomtemplate.com

 


Published by Blogger Tutorials
Sponsored Link by Blogger Templates | Blogspot Tutotials | Video Tutorials
Diposting oleh

35 komentar:

  1. Pengobatan Alami Ambeien18 September 2012 pukul 15.21

    kunjungan sore bang sekalian support nie...ditunggu info2nya bang...nambah ilmu banget nie buat saya...hehehe

    BalasHapus
  2. Pengobatan Alami Kelenjar Getah Bening18 September 2012 pukul 15.23


    Very useful post! I thank you for your creativity post!

    BalasHapus
  3. Pengobatan Alami kanker Otak18 September 2012 pukul 15.26

    sukses selalu gan ,,

    BalasHapus
  4. Zumha Hanafi25 September 2012 pukul 15.05

    oke sob,ane coba infonya dulu...goodluck

    BalasHapus
  5. Suhadma25 September 2012 pukul 15.11

    makasih cing infonya, manfaat banget nih, salam kenal yah, ku tunggu nih kunjungan baliknya

    BalasHapus
  6. Suhadma25 September 2012 pukul 15.15

    so nice this content

    BalasHapus
  7. obat jelly gamat31 Oktober 2012 pukul 13.21


    salam hangat slalu

    BalasHapus
  8. obat jelly gamat31 Oktober 2012 pukul 13.21


    jangan lupa mampir dulu ya , Good luck !!!

    BalasHapus
  9. akbar7 November 2012 pukul 14.00

    hallo

    BalasHapus
  10. ucu12 November 2012 pukul 15.09

    ikut postingan disini lagi ya

    BalasHapus
  11. ucu12 November 2012 pukul 15.09

    jangan lupa mampir balik lagi ya

    BalasHapus
  12. ucu12 November 2012 pukul 15.09

    hello,selamat sore

    BalasHapus
  13. Cara Alami Mengobati Batu Ginjal12 November 2012 pukul 15.51

    makasih infonya

    BalasHapus
  14. Cara Alami Mengobati Jantung Bocor12 November 2012 pukul 15.52

    semoga sukses selalu

    BalasHapus
  15. Cara Alami Mengobati Thalasemia12 November 2012 pukul 15.53

    Salam kenal dan sukses selalu

    BalasHapus
  16. Cara Alami Mengobati Luka Bakar12 November 2012 pukul 15.54

    infonya sangat bermanfaat sekali

    BalasHapus
  17. akbar13 November 2012 pukul 11.44

    salam kenal

    BalasHapus
  18. leo21 November 2012 pukul 09.01

    bagus banget info2 nya gan.
    Thanks

    BalasHapus
  19. akbar24 November 2012 pukul 11.05

    info yang sangat menarik



    maksih ya gan

    BalasHapus
  20. idzul27 November 2012 pukul 15.15

    bermanfaat banget infonya bagi saya


    makasih gan

    BalasHapus
  21. obat herbal4 Desember 2012 pukul 15.45


    terimakasih gan atas infonya

    lanjutkan terus

    BalasHapus
  22. obat herbal5 Desember 2012 pukul 10.14

    salam kenal

    BalasHapus
  23. Obat Penyakit Alzheimer22 Desember 2012 pukul 10.36


    hallo gan

    BalasHapus
  24. Obat Penyakit Darah Tinggi22 Desember 2012 pukul 10.37


    ikut gabung di sini ya

    BalasHapus
  25. Obat Penyakit Jantung Koroner22 Desember 2012 pukul 10.37


    infonya cukup bermanfaat banget bagi saya

    BalasHapus
  26. Obat Penyakit Kanker Usus22 Desember 2012 pukul 10.39


    terimakasih ya atas info nya

    BalasHapus
  27. Obat Herbal Penyakit Usus Buntu22 Desember 2012 pukul 10.39

    salam kenal

    BalasHapus
  28. Obat Penyakit Alzheimer29 Desember 2012 pukul 11.56



    ikut menyimak di sini ya gan

    BalasHapus
  29. Obat Penyakit Darah Tinggi29 Desember 2012 pukul 11.57


    mantab banget infonya nih

    BalasHapus
  30. Obat Penyakit Jantung Koroner29 Desember 2012 pukul 11.57


    jadi nambah pengetahuan bagi saya gan infonya

    BalasHapus
  31. Obat Penyakit Kanker Usus29 Desember 2012 pukul 11.58


    thaks,,salam kenal

    BalasHapus
  32. Obat Herbal Penyakit Kanker Tulang7 Januari 2013 pukul 14.18



    Info yang menarik

    BalasHapus
  33. Obat Herbal Penyakit Kanker Serviks7 Januari 2013 pukul 14.18


    Ikut menyimak di sini ya

    BalasHapus
  34. Obat Herbal Penyakit Ambeien7 Januari 2013 pukul 14.18


    Mampir juga di web kami ya

    BalasHapus
  35. Obat Herbal Penyakit Alzheimer7 Januari 2013 pukul 14.19


    Salam hangat

    BalasHapus

Sehabis baca tinggalkan komentar ya,...( makasih )

Langganan: Posting Komentar (Atom)