-->
Cara Memasang Tombol Google+ Di Blogger
4/ 5 stars - "Cara Memasang Tombol Google+ Di Blogger" Saya yakin pembaca setia blog ini tidak kesulitan untuk memasang tombol Google+ (G+) , tapi tidak semua juga mengerti caranya, terlebih yan...

Cara Memasang Tombol Google+ Di Blogger



 Saya yakin pembaca setia blog ini tidak kesulitan untuk  Cara Memasang Tombol Google+ di Blogger Saya yakin pembaca setia blog ini tidak kesulitan untuk memasang tombol Google+ (G+), tapi tidak semua juga mengerti caranya, terlebih yang gres mencar ilmu ngeblog. Selain itu disini aku juga  mencoba menjelaskan secara rinci dari beberapa dilema yang kadang menciptakan tombol Google+ tidak bekerja sebagaimana mestinya. Makara silahkan luangkan waktu sejenak untuk mencar ilmu tutorialnya dibawah ini:

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

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


Kemudian anda sanggup memasang tombol G+ dimana saja dengan menambahkan isyarat dibawah ini.

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


Cara memasang tombol G+ diatas sesungguhnya sudah selesai, tapi kalau anda ingin menambahkan isyarat yang lebih rinci anda sanggup 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 sanggup menciptakan 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+ aku 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 memakai isyarat <G:Plusone/> biasanya tidak terjadi masalah, tapi dikala kalian mencoba memasang tombol G+ yang ditujukan pada halaman post yang letaknya berada dalam halaman utama ini biasanya bermasalah alasannya G+ setahu aku tetap akan mendeteksi sebagai halaman index bukan sebagai halaman post. Untuk mengatasi dilema ini silahkan mencoba memakai isyarat ini <g:plusone expr:href='data:post.url'/>

Sebenarnya G+ sendiri sudah menyedian Custom Badge yang sanggup anda coba pribadi di alamat ini disini atau anda sanggup melihat info Full API selengkapnya disini

Jangan lupa bergabung dihalaman G+ saya:
Halaman Resmi Agus Ramadhani
Halaman Resmi o-om.com
Halaman Resmi Zoomtemplate.com