Berikut ini seocips akan membagikan cara membuat fans page Google Plus atau laman Google Plus atau Google Plus badge melayang di Blog. Laman google plus ini hampir sama seperti fanspage facebook yang ada di facebook, tapi untuk efek yang lebih bagus untuk Blog tentu saja adalah google plus. Alsannya adalah karna Google plus adalah milik Google, seperti yang sudah saya katakan di postingan sebelumnya dengan memanfaatkan fasilitas yang disediakan Google maka akan semakin bagus untuk Blog yang kita kelolah.

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.

Cara membuat Fanspage Google Plus melayang di Blog
Fanspage Google Plus melayang di Blog


How to Add Widget Google Plus to Blogger

Step 1. Log in ke Blogger Dashboard
Step 2. Silahkan pilih Layout >> kemudian pilih "Add a Gadget" dan pilih "HTML/JavaScript"
Step 3. Letakan kode dibawah ini kedalam widget blog sobat.
<style type='text/css'>
#seocips-gplus { position:fixed !important; position:absolute; bottom:-1000px; right:40%; margin:10px; width:250px; height:auto; padding:16px; -webkit-box-shadow:0 0 17px #222; -moz-box-shadow:0 0 17px #222; box-shadow:0 0 17px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif; color:#111; }
#seocips-gplus a.close { position:absolute; top:-10px; right:-10px; background:#fff; font:bold 16px Arial,Sans-Serif; text-decoration:none; line-height:22px; width:22px; text-align:center; color:#111; border:2px solid #333; -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() {
$('#seocips-gplus').animate({bottom:"50px"}, 1000);
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='seocips-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-showtagline="false" data-rel="publisher"></div>
<a class='close' href='#'>&times;</a></div>
Customization:Untuk kode berwarnah merah diatas silahkan sobat ganti dengan id Google plus sobat atau id halaman google plus sobat 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

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.

Step 4. Simpan dan lihat hasilnya.

Nah sekian untuk postingan saat ini mengenai "Cara Membuat Fanspage Google Plus melayang di Blog". semoga bermanfaat.
2 Komentar untuk "Cara Membuat Fanspage Google Plus melayang di Blog"

Makasih banyak, info saya sangat membantu sekalu untuk saya... :)

selmat malam mas. sudah saya coba tutorialnya tetapi knpa gak bisa ya mas ? gak muncul, hnya kecil yg mncul