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='"http://www.facebook.com/plugins/like.pjumpjhp?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' 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.
thanks sharinknya mas.. bermanfaat nih
BalasHapusiya sama-sama gan, syukur kalo bisa bermanfaat, terimakasih udah mampir ke sini.
Hapusane coba dulu ya om :D :D :D
BalasHapusyoyoy silahkan di tester
Hapusthank's komennya
terima kasih infonya
BalasHapussaya akan coba
wajib dicoba
Hapussama sama gan, makasih komentarnya
akhirnya ketemu juga tutorial ini..
BalasHapusmakasih mas..
hha emnag susah ya gan nemuin nya, makasih gan kunjungan nya
Hapusini kaya tombol g+ bawaan blog bukan?
BalasHapusyaa kurang lebih seperti itu gan.. makasih
HapusWah keren gan Tombol G+-nya sudah ane terapkan di blog ane. Thanx gan
BalasHapusKalau berkenan kunjungi balik ya www.cibuntublogger.com
sama sama gan...
HapusNyimak dulu gan! haha :)
BalasHapusyosss disimak teliti okehh
Hapusterima kasih tips n trik nya untuk membuat link G+ sangat bermanfaat...
BalasHapusIya gan sama sama, makasih juga sudah berkomentar
Hapuswww.ciremai89.com
BalasHapusjudi 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
Thanks gan komentarnya
Hapuswah keren widgetnya udah terpasang di blogq gan.. makasie yah.. :D
BalasHapusterima kasih tips n trik nya untuk membuat link G+ sangat bermanfaat...
BalasHapusMakasih share ilmunya gan, izin belajar ya buat masang di blog saya
BalasHapusJual beli laptop bekas jogja
http://www.laptopistimewa.com/
wah bagus gan infonya benar-benar bermanfaat bagi saya yang sedang belajar, sekali lagi terimakasih banyak
BalasHapusgan bantu dong menurut anda blog ini sudah layak terbit atau belum? http://celengandollar15.blogspot.com
BalasHapusThank You Pak Atas sahre ilmunya, Photobooth Jogja
BalasHapus