Cara Membuat Sendiri Button Google +1 dan Badge Google Plus One Untuk Dipasang Dalam Blog

Google +1 merupakan salah satu sarana berbagi pada komunitas online internet. Fungsi dan kegunaan tools dihasilkan melalui kode dibagikan ini seperti yang terpasang media website blog umumnya. Pada posting ini juga dibagikan membuat badge (lencana) Google +1. Tool Badge Google Plus One sama seperti yang ada pada halaman Google +1.

Gambar: Google Plus One (G+1) Button, Lencana dan Bagikan (Sharing)

Bagi Blogger yang sudah menggunakan Google Plus One (G+1) tools ini sudah tidak asing lagi.

Tool Bagde Google plus one dapat bekerja pada web browsing (peramban web) : Windows: Chrome, FireFox 3.6, Internet Explorer 8 versi diatasnya. Linux:Chrome, FireFox 3.6, Internet Explorer 8 versi diatasnya Mac: Chrome, FireFox 3.6, versi diatasnya serta Safari 4 dan versi diatasnya.

Cara Membuat Button G+1, Badge Google Plus One dan Google Sharing +1 dalam Blog dapat dilakukan dengan langkah-langkah sebagai berikut:

1. Sign in di Blog
2. Klick Template
3. Cari kode </body>
4. Copy lalu paste kode berikut diatas kode </body>
5. Klick Simpan Template untuk menyimpan perubahan
6. Klick tutup untuk kembali pada halaman sebelumnya

Kode untuk dipasang pada sebelum tag penutup </body>
<!-- Place this tag after the last +1 button tag. --> <script type="text/javascript"> (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script>

Kode untuk ditempatkan pada gadget HTML/JavaScript

Kode Button G+1

<!-- Place this tag where you want the +1 button to render. --> <div class="g-plusone"></div>

Kode Badge Ahyar RM

<div class="g-plus" data-height="69" data-href="https://plus.google.com/Tempat untuk menempatkan nomor ID Google plus one anda" data-rel="author" data-width="270"></div>
Keterangan:

Ganti teks tempat untuk menempatkan nomor Id Google Plus one anda dengan nomor Id G+1 anda sendiri

Kode Share/Berbagi (tidak memerlukan Nomor ID Google +1)
<div class="g-plus" data-action="share" data-annotation="bubble"></div>

Artikel lainnya

Cara Menempatkan Blog Pager Dibawah Header Blog
Cara Membuat Menu Dropdown-Menu Menjorok ke Bawah Pada Header Blog Versi 2
Cara Membuat Nomor Urut Otomatis Nama-Nama Label Pada gadget Label Blog
Cara Membatasi Jumlah Komentar Visitor Blog Pada Halaman Posting Tertentu