Kamis, 22 Desember 2016

Cara Membuat Halaman Fanspage Google+ Melayang di Blog

Beberapa hari yang lalu saya menulis artikel tentang cara memasang fanspage facebook melayang di blog, namun kali ini saya akan memberikan tutorial memasang fanspage Google+ melayang diblog. Fanspage Google Plus ini tidak berbeda jauh dengan fanspage facebook, tapi jika Anda seorang Blogger maka akan bagus jika Anda memasangnya, mempromosikan Artikel itu bagus untuk meningkatkan SEO Blog Anda dan juga dapat menaikan Artikel Anda ke Page One, salah satu mempromosikannya ialah lewat fanspage, memang fanspage paling rame ialah facebook namun fanspage Google tidak kalah bersaing juga, oleh karena itu simak saja tutorial pemasangannya dibawah ini.


 A. Membuat Fanspage Google+
Jika Anda sudah mempunyai fanspage Google+ maka Anda tidak perlu membuatnya lagi, namun jika Anda tidak punya maka Anda harus membuatnya terlebih dahulu, berikut ini cara membuatnya.

1. Masuk kesini dulu Create Google+ dan pilih kategori halaman yang ingin dibuat


2. Setelah masukan judul fanspage dan masukan juga url situs Anda, lalu centang kalau Anda setuju mengikuti kebijakan Google+, kemudian klik tombol buat
3. Unggah Foto Profil fanspage lalu klik tombol Continue
4. Selamat halaman Fanspage Google+ telah jadi

B. Memasang Fanspage Google+ Melayang di Blog
1. Pertama silahkan Anda login dulu ke Blogger
2. Lalu masuk Ke "Tata Letak atau Layout" kemudian pilih Add a Gadget/ Tambahkan Gadget.
3. Nanti akan muncul pop-up browser, setelah itu pilih HTML/Javascript

Add a Gadget/ Tambahkan Gadget.


4. Kemudian Copy kode dibawah ini dan paste ke kolom HTML/Javascript


<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/113400557981946557500" data-showtagline="false" data-rel="publisher"></div>

<a class='close' href='#'>&times;</a></div> 

Silahkan ganti kode yang berwarna merah itu dengan ID Google+ Anda, Anda juga dapat menganti kode yang berwarna biru diatas dengan widget Google Plus Badge/Laman Anda.

ID Google+

 5. Save atau Simpan, dan lihat hasilnya

Bagaimana mudah bukan dan caranya sangat simple untuk dilakukan. Jadi sekian dari artikel kali ini, jika ada yang ingin Anda tanyakan atau ingin menambahkan silahkan komentar dibawah ini terima kasih. 

This Is The Newest Post


EmoticonEmoticon