Terkadang akan sangat indah jika blog atau website kita dipenuhi dengan berbagai aksesories yang menarik, seperti misalnya facebook fanpage, selain untuk meningkatkan trafic facebook yang menekan tombol like juga untuk membuat blog kita menjadi lebih elegan dan memudahkan pengunjung blog mencari halaman facebook kita. Bagaimanakah caranya, membuat facebook fanpage melayang, disini admin akan memaparkan caranya :
1. Masuklah ke akun blogger anda.
2. klik tab design seperti tampak dalam gambar.











3. Lalu Klik add gadget/ widget seperti dibawah ini















4. Selanjutnya pilih html/javascript,  seperti ini.









5. Kemudian masukan script html dibawah ini ke kolom html/javascript seperti berikut.














ini kode htmlnya :
<style type="text/css">
#topbar{
position:absolute;
padding-left:32%;padding-top:17%;
background-color: transparancy;
width: 292px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript" src="http://facewoman.googlecode.com/files/widget-facebook-melayang.js"></script>


<div class="clear">
</div>
<div id="topbar">
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img alt="icon facewoman" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2QjsCWzFIfV23QgPqo5K_0vY0TmQdNfAYwSY0mIE93l0LqSR2yEQgbfWxUKz8uS-kssGwAS3tB4OwNWPKt-dBjfglO-f1nq8hEXIezQR8Lpher1fqLmiWaFHB1EYMg4PnnuFe1VHGfS8B/s1600/close+facewoman.png" /></a></div>
<center>
<div style="background: #fff;">
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Pojok-mang-deni/461303957222996&width=292&height=180&colorscheme=light&show_faces=true&border_color&stream=false&header=false&appId=383097261727929" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:180px;" allowtransparency="true"></iframe>
</div>
</center>
</div>

Ganti tulisan  http://www.facebook.com/pages/Pojok-mang-deni/461303957222996 ganti tulisan berwarna biru dan yang dicetak tebal tersebut dengan url/alamat halaman face book anda.

6. Selanjutnya, setelah semuanya selesai klik tombol save untuk menyimpan pekerjaan anda. Seperti tampak dalam gambar berikut.











Itulah  panduan bagaimana membuat facebook fanpage kita melayang diblog, mudah-mudahan bisa bermanfaat dan setidaknya bisa menambah ilmu rekan-rekan blogger semua.

1 komentar

  1. Unknown // June 9, 2013 at 2:58 AM  

    Thx U gan

    Visit me
    http://easyspaathome.blogspot.com/2013/06/sekar-jagat-body-scrub.html

Mungkin Anda Meminati

Related Posts Plugin for WordPress, Blogger...