Cara Membuat Badge Google Plus dan Dapat di Modifikasi

wahab

Google, Widget

2016/11/08

31 Komentar

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.

Pengelola Blog : ABDUL WAHAB

Judul : Cara Membuat Badge Google Plus dan Dapat di Modifikasi
Ditulis oleh :Blog Shiro pada hari 2016/11/08
Rating Blog : 5 dari 5
Terima kasih sudah membaca artikel tentang Cara Membuat Badge Google Plus dan Dapat di Modifikasi
Kalian boleh menyebar luaskannya atau mengcopy paste-nya jika artikel ini sangat bermanfaat bagi Blog dan teman-teman kalian.
Namun jangan lupa harap memberikan link aktif dofollow ke URL
https://fajriandaviar.blogspot.com/2014/04/cara-membuat-badge-google-plus.html
Dan Terima kasih sekali lagi atas kunjungannya.

Kritik dan saran atau apapun bisa kalian sampaikan melalui kotak komentar.
Dan mohon maaf jika komentar atau pertanyaan tidak bisa cepat saya respon,
karena Saya tidak selalu online dikarenakan sibuk.