Cara Membuat Badge Google Plus dan Dapat di Modifikasi

Cara Membuat Badge Google Plus dan Dapat di Modifikasi - Kali ini saya akan membagikan sebuah Widget yang menurut saya wajib di simpan pada Blog sobat. Yap, ini adalah Badge Google Plus, Badge Google Plus adalah sebuah Widget yang menampilkan Foto Profil Google+, Memudahkan seseorang untuk Melingkari Akun anda atau menjadi teman anda, dan juga menampilkan jumlah lingkaran yang anda miliki saat ini.

Apasih Kelebihan dari Badge Google Plus yang 1 ini ?, Sebenarnya sama saja dengan yang seperti biasa, hanya saja tampilan Widget Badge Google Plus ini dapat kita Modifikasi lagi, agar lebih enak dipandang oleh mata :D.

Tapi Widget Badge Google Plus ini saya bagikan hanya dalam tampilan yang original, jadi tinggal sobat modifikasi saja sendiri, OK langsung berangkat gan ..!!

1. Buka Blogger > Tata Letak

2. Add Widget > HTML/JavaScript

3. Masukkan kode berikut ini :

<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/114114450182608748241" 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>

Jangan lupa untuk mengganti plus.google.com/u/0/114114450182608748241 dengan Url/Alamat Profil Google Plus sobat.

Untuk Pemodifikasian, tinggal sobat kotak-katik saja sendiri CSS nya, misalkan sobat ingin Widget Badge Google Plus ini berwarna Hitam, tinggal sobat masukkan CSS background:#000 .

Nah selesai artikel saya hari ini, terima kasih telah berkunjung.