25 Apr 2015

Cara Membuat Widget Google+ Keren di Blog

Cara Membuat Widget Google+ Keren di Blog- Hay sahabat Azbunz, kali ini saya akan membagikan tutorial tentang Cara Membuat Widget Google+ Keren di Blog. Sebelumnya saya telah memposting tentang Cara Membuat Recent Comment di Blog. Apa kegunaan jika kita memasang widget Google+ di blog? Kegunaannya adalah agar pengunjung blog kita tahu siapa diri kita sebenarnya dan dia akan follow g+ kita. Cara Membuat Widget Google+ sangat gampang dan mudah di pahami oleh blogger pemula. Yang saya kasih bukan widget google+ yang biasa-biasa tetapi widget google+ keren. Jadi kita harus mempunyai akun google+. Jika tidak, sobat harus mendaftar duluan. Contoh Widget google+ keren, sobat bisa melihat di sidebar sebelah kanan atau seperti dibawah ini sekalian di ikuti ya.



Mau membuat Widget Google+ seperti diatas? Caranya gampang. Ikuti tutorial dibawah ini dengan seksama.

1. Log In di blogger sobat
2. Klik Tata Letak/Layout ==> Tambahkan gadget/Add gadget ==> HTML/JavaScript
3. Selanjutnya copy kode HTML dibawah ini lalu paste kan ke HTML/JavaScript.

<center><style> .googlefaceblogevolutions { width: 300px; height: 105px; margin:0; position: relative; border-right:1px solid #ccc } </style> <div class="googlefaceblogevolutions"> <div style="height:155px;overflow:hidden"> <div class="g-person" data-href="https://plus.google.com/112088461265201678678/" data-theme="light" data-layout="landscape" data-showcoverphoto="false" data-rel="author"></div>  <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> </div> </div></center>


<center><div class="googlebox">
   <div class="google">
    <span class="people">Future404 on</span><div class="googlewidget"><div class="g-follow" data-annotation="bubble" data-height="24" data-href="https://plus.google.com/112088461265201678678/" data-rel="author"></div></div>
    </div>
    </div></center>

CATATAN:
  • Ganti warna biru : nama g+ sobat
  • Ganti warna merah : url g+ sobat

4. Simpan

Sekian tutorial yang dapat saya bagikan yaitu tentang Cara Membuat Widget Google+ Keren di blog. Gampang bukan? Kalau kode HTML tidak bisa, silahkan komentar dibawah ini. Jika sobat suka dengan artikel ini tolong di like dan share ke teman-teman sobat. Terima kasih!

9 komentar:

Peraturan Berkomentar :

-Dilarang berkomentar unsur Negatif
-Dilarang menyertakan sebuah Link Aktif
-Dilarang Spam
-Dilarang membully

Mohon pengertiannya, apabila ada yang melanggar saya selaku admin Blog tidak segan-segan menghapus komentar anda.
Atas perhatiannya , saya ucapkan terimakasih