kali ini aku akan share perihal Cara Membuat Fans Page Facebook Melayang atau Slide Show. Dengan tutorial ini anda dapat menciptakan Fans Page facebook melayang sebelah kanan.
Fans pagenya tersembunyi atau slide show ibarat yang ada di sebelah kanan blog aku ini. Pertama anda harus buat fans page terlebih dahulu, anda dapat membuatnya dengan klik "buat halaman" di bab paling bawah facebook anda.
Anda dapat menciptakan Fans Page facebook Slide Show style dengan mengikuti langkah-langkahnya ibarat dibawah ini:
Masuk ke blog agan kemudian pilih "Template" Setelah anda klik "Template" lalu klik lagi pada "edit HTML" Setelah itu Centang "Expand Template Widget" Kemudian Cari arahan </head> Setelah ketemu, letakan arahan dibawah ini sempurna di atas arahan </head>
Setelah itu klik Save. Setelah anda Save lalu tutup halaman edit HTML dan buka halaman "tata letak" Klik add gadget, pilih tambah HTML/Javascript dan copy kan arahan di bawah ini
Ganti goresan pena yang berwarna merah dengan Url Facebook Fans Page anda Klik save dan silahkan lihat hasilnya.
Fans pagenya tersembunyi atau slide show ibarat yang ada di sebelah kanan blog aku ini. Pertama anda harus buat fans page terlebih dahulu, anda dapat membuatnya dengan klik "buat halaman" di bab paling bawah facebook anda.
Anda dapat menciptakan Fans Page facebook Slide Show style dengan mengikuti langkah-langkahnya ibarat dibawah ini:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
<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://tipstrik-be.tk/search?q=cara-membuat-fans-page-facebook"><b>Get Widget</b></a></span></div></div>
//<!--
$(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://tipstrik-be.tk/search?q=cara-membuat-fans-page-facebook"><b>Get Widget</b></a></span></div></div>
0 comments:
Post a Comment