Cara Memasang Tombol Google+ Di Blogger
Monday, January 22, 2018
Add Comment
Saya yakin pembaca setia blog ini tidak kesulitan untuk memasang tombol Google+ (G+), tapi tidak semua juga mengerti caranya, terlebih yang gres berguru ngeblog. Selain itu disini aku juga mencoba menjelaskan secara rinci dari beberapa problem yang kadang menciptakan tombol Google+ tidak bekerja sebagaimana mestinya. Kaprikornus silahkan luangkan waktu sejenak untuk berguru 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>
<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 bahwasanya sudah selesai, tapi jikalau 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='"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>
<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 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 ialah G+ setahu aku tetap akan mendeteksi sebagai halaman index bukan sebagai halaman post. Untuk mengatasi problem 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
0 Response to "Cara Memasang Tombol Google+ Di Blogger"
Post a Comment
Blog ini merupakan Blog Dofollow, karena beberapa alasan tertentu, sobat bisa mencari backlink di blog ini dengan syarat :
1. Tidak mengandung SARA
2. Komentar SPAM dan JUNK akan dihapus
3. Tidak diperbolehkan menyertakan link aktif
4. Berkomentar dengan format (Name/URL)
NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".
Klik subscribe by email agar Anda segera tahu balasan komentar Anda