Friday, November 18, 2011

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 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







Kemudian anda bisa memasang tombol G+ dimana saja dengan menambahkan kode dibawah ini.









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)





Tombol G+ dengan ukuran Kecil (15 piksel)





Tombol G+ dengan ukuran Sedang (20 piksel)





Tombol G+ dengan ukuran Tinggi (60 piksel)





Tombol G+ Untuk HTML5

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


Anda juga dapat membuat custom tombol G+ sendiri

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{"parsetags": "explicit"}


<body>
<a href="#" onClick="renderPlusone();">Render the +1 buttona>
<div id="plusone-div">div>
body>
 
Custom Tombol G+ dengan URL khusus


:plusone href="https://plus.google.com/108442421331149025926">


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)