Tutorial kali ini akan membahas tentang bagaimana Cara Membuat Fans Page Facebook Melayang atau Slide Show. Dengan tutorial ini anda bisa membuat Fans Page facebook melayang sebelah kanan.
Fans pagenya tersembunyi atau slide show seperti yang ada di sebelah kanan blog saya ini. Pertama anda harus buat fans page terlebih dahulu, anda bisa membuatnya dengan klik "buat halaman" di bagian paling bawah facebook anda.
Anda bisa membuat Fans Page facebook Slide Show style dengan mengikuti langkah-langkahnya seperti dibawah ini:
Cara membuat Membuat Fans Page Facebook Melayang atau disebut juga Slide Show:
1. Masuk ke blog agan
2. kemudian pilih "Template"
3. Setelah anda klik "Template" kemudian klik lagi pada "edit HTML"
4. Setelah itu Centang "Expand Template Widget"
5. Kemudian Cari kode </head>
6. Setelah ketemu, letakan kode dibawah ini tepat di atas kode </head>
====================================================================
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
====================================================================
7. Setelah itu klik Save.
8. Setelah anda Save kemudian tutup halaman edit HTML dan buka halaman "tata letak"
9. Klik add gadget, pilih tambah HTML/Javascript dan copy kan kode di bawah ini
====================================================================
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=URL FANS PAGE ANDA &width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://klinkciledug.blogspot.com/2012/09/cara-membuat-fans-page-facebook-melayang.html"><b>Get Widget</b></a></span></div></div>
====================================================================
10. Ganti tulisan yang berwarna merah dengan Url Facebook Fans Page anda
11. Klik save dan silahkan lihat hasilnya.
12. Selamat Mencoba.
0 komentar:
Post a Comment
Thanks For Your Comment Guys :D