Cara Memasang Widget Google + Badge Pada Blog

Halo Semua Kali ini saya Membahas tentang cara membuat google badge di blog. Widget ini berguna saat pengunjung ingin follow google plus. Google Badge ini tampilanya sangat responsive. Bisa di gunakan untuk template blog apa saja. Oke Langsung Saja Ke tutorialnya yuk:

1.Buka Blogger.com
2.Tata Letak>Tambahkan Gadget
3.Setelah itu Pilih Google+ Badge
4.Pilih Potret atau Lanskap
5.Simpan Deh

Google Badge Dengan HTML

1.Buka Blogger.com
2.Tata Letak>Pilih HTML/JavaScript
3.Masukan Kode dibawah ini di HTML/JavaScript

<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="//plus.google.com/u/0/105174897570245465445" 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>

105174897570245465445 Ganti dengan id google plus kalian

4.Setelah itu Simpan

Semoga Bermanfaat