Cara Membuat Fanspage Google Plus Badge Melayang di Blog

Haisob apa kabar? pada kesempatan ini saya akan berbagi cara membuat Fanspage laman Google Plus badge melayang di Blog. Laman google plus ini hampir sama seperti laman Facebook, tapi untuk efek yang lebih bagus untuk Blog tentu saja adalah Google Plus.

Bagaimana tidak lebih bagus, karna bahkan apa yang kita posting di google plus akan ada di penelusuran jauh lebih tinggi peringkatnya dengan apa yang kita posting di Fanspage Facebook (Baca juga : cara membuat widget Fanspage facebook melayang di Blog ). Bahkan kadang lebih cepat dan lebih tinggi peringkatnya dari pada artikel yang kita posting di Blog kita sendiri.

Fanspage Google Plus Badge Melayang


Google Plus Badge Melayang
Google Plus Badge Melayang




Cara memasang Widget Google Plus Badge Melayang di Blogger


1. Di Blog Blogger kamu 😄
2. Pilih menu Tata Letak  ➜ Tambahkan Gadget.
3. Kemudian pilih widget HTML/JavaScript
Cara Membuat Fanspage Google Plus Badge Melayang di Blog
Tata Letak ➔ Tambah Gadget ➔ HTML / Javascript

4. Masukan kode dibawah ini:
<style type='text/css'>
#haisob-gplus { position:fixed !important; position:absolute; bottom:-800px; right:40%; margin:10px; width:250px; height:auto; padding:10px; -webkit-box-shadow:0 0 17px #222; -moz-box-shadow:0 0 17px #222; box-shadow:0 0 17px #222; background-color:#333; font:normal 1em Cambria,Georgia,Serif; color:#ddd;z-index:9999 }
#haisob-gplus a.close { position:absolute; top:-10px; right:-10px; background:#222; font:bold 16px Arial,Sans-Serif; text-decoration:none; line-height:22px; width:22px; text-align:center; color:red; border:2px solid #555; -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.4); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.4); box-shadow:0 1px 2px rgba(0,0,0,0.4); -webkit-border-radius:22px; -moz-border-radius:22px; border-radius:22px; cursor:pointer; }
</style>
<script type='text/javascript'>
$(window).bind("load", function() {
$('#haisob-gplus').animate({bottom:"50px"}, 1000);
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='haisob-gplus'>
<script src="https://apis.google.com/js/platform.js" async defer></script>
<div class="g-page" data-width="250" data-href="//plus.google.com/u/0/100265901462951809989" data-theme="dark" data-showcoverphoto="false" data-rel="publisher"></div>
<a class='close' href='#'>&times;</a></div>
Kode berwarnah kuning diatas silahkan diganti dengan id Google plus atau id halaman google plus atau bisa juga dengan no id Profile Google plus sobat, jika sobat belum ada laman Google plus silahkan baca : Cara membuat laman/fanspage Goolge plus.

Contoh (id profile G+) :

Id profile fanpage Google Plus
Contoh (id profile G+) :

Sobat juga dapat mengganti kode berwarnah biru diatas langsung dengan widget Goole plus badge/Laman googel plus. Baca: Cara memasang Google plus Badge di Blogger.

5. Save dan lihat hasilnya.


Nah sekian untuk postingan saat ini mengenai cara membuat fanspage Google Plus Badge melayang di Blog. Semoga bermanfaat.