cara mudah memasang fanspage melayang di blog

selamat siang sahabat blogger,,kali ini saya ingin berbagi pengalaman saya bersama blog ini yaitu memasang fanspage di blog,melayang.Apa keuntungan dipasang fanspage di blog?ini akan menambah followers yang mengikuti blog kita di facebook,sehingga besar juga pengaruhnya untuk menambah pengunjung.

oke,disini saya memasang panspage dengan model melayang,,kenapa harus melayang ?karena ini lebih efektif untuk membuat pengunjung tertarik untuk me-like halaman blog kita,setelah di klik tersedia tombol close untuk menghilangkannya,jadi tidak memakan tempat di halaman blog juga tentunya.
oke gan,langsung saja ikuti tutorial pembuatan fanspage melayang di facebook :
1.loggin ke blogger kamu
2.pilih tambah gadget,terserah pilih bagian mana saja,karena ini tidak berpengaruh
3.pilih HTML/Java script
4.lalu masukkan kode dibawah ini


<!-- FB melayang tombol close ala RaxterBlog awal --!>
<style type='text/css'>
#kotak-facebook {
position:fixed !important;
position:absolute; /* IE6 */
bottom:-1000px;
right:10%;
margin:0px 0px 0px -182px;
width:auto;
height:auto;
padding:16px;
-webkit-box-shadow: 0px 0px 7px #222;
-moz-box-shadow: 0px 0px 7px #222;
box-shadow: 0px 0px 7px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
color:#111;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}
    #kotak-facebook a.close {
position:absolute;
top:-10px;
right:-10px;
background:#333;
font:bold 16px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#fff;
border:2px solid #fff;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
cursor:pointer;
}
</style>
<script src='http://raxterblog.googlecode.com/files/tombolclosemenu.js'/></script>
<div id='kotak-facebook'>
like dulu bro !
<br/>
<!-- Mulai --!>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- Selesai deh bro--!>
<a class='close' href='#'>&times;</a></div>
<!-- FB melayang tombol close ala RaxterBlog akhir --!>

untuk yang berwarna hijau,kamu ganti terserah kamu mau buat apa judul dari kotak like tersebut,
untuk yang berawarna merah,kamu ganti dengan kode html fanspage kamu,,,kalau belum tau cara mengambil kode html fanspage bisa kamu lihat disini !

terakhir,simpan dan lihat hasilnya!

semoga bermanfaat gan,,!!

artikel terkait