Cara Memasang Tombol Google+ di Blogger

Jumat, 13 Januari 2012

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)