.
Home » Google+ » Cara Membuat Tombol Google+

Cara Membuat Tombol Google+

Posted by Unknown on 05:30

Cara Membuat Tombol Google+
SHADOWS || Para sobat bloger pasti tidak akan kesuliatan cara memasang tombol Google+ (G+) di blog ini. tapi tidak semua juga mengerti caranya, terlebih yang baru belajar ngeblog. cara buat tombol Google+, selain itu disini saya juga mencoba memperjelas dan secara detail dari beberapa masalah yang kadang membuat tombol Google+ tidak bekerja dengan baik. untuk itu lihat dan pelajari tutorialnya dibawah ini:

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

  Silahkan memasang Script dibawah ini diatas Tag </body>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

Kemudian sobat bisa memasang tombol (G+) dimana saja dengan menambahkan kode dibawah ini:

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

Cara Memasang Tombol Google+ (G+) diatas sebenarnya sudah selesai, tapi jika anda ingin menambahkan kode yang lebih detail lagi anda bisa mencoba beberapa script dibawah ini:


 Tombol (G+)    dengan ukuran Standar (24 piksel)
 Tombol (G+)    dengan ukuran Kecil (15 piksel)
 Tombol (G+)    dengan ukuran Sedang (20 piksel)
 Tombol (G+)    Untuk HTML5

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

Sobat juga dapat membuat custom tombol (G+) sendiri sebagai berikut:

<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 sebagai berikut:

<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 sobat buat, lihat caranya disini Cara Pasang Tombol Google+ (G+)

disebelah Tombol Facebook (dalam halaman posting)

<span style='float:left; width:65px;'>
<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 akan bekerja pada postingan dalam halaman home (index).
Pada halaman Posting dengan menggunakan kode <G:Plusone/> biasanya tidak terjadi masalah, tapi saat sobat 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'/>

Semoga cara membuat tombol Google+ bermafaat untuk para sobat..

 

Label:

0 komentar:

Posting Komentar

> NO ~ Sara, Porno, Hujat, Provokasi, Hargailah Sesama.
> NO ~ Promo ( iklan ), Spam, Link Hidup, Akan Langsung Hilang
> Berkomentar Sesuai Topik Tidak OOT, Agar Kita Semua Bisa Berbagi.