Sahabat bloger pada kesempatan kali ini kita akan membahas bagaimana Cara Membuat Fans Page Facebook Melayang Autohide Di Blog dengan mudah.
Caranya sangat mudah dan tidak terlalu rumit, baik langsung saja kita masuk ke pokok pembahasanya tentang bagaimana cara membuat fans page facebook di blog. silahkan disimak baik-baik.
Screenshot :
1. Langkah pertama login ke bloger terlebih dahulu.
2. Masuk ke Tata Letak.
3. Tambahkan Gadget HTML/Javascript.
4. Copy code dibawah ini dan letakan ke HTML/Javasript tersebut.
Caranya sangat mudah dan tidak terlalu rumit, baik langsung saja kita masuk ke pokok pembahasanya tentang bagaimana cara membuat fans page facebook di blog. silahkan disimak baik-baik.
Screenshot :
1. Langkah pertama login ke bloger terlebih dahulu.
2. Masuk ke Tata Letak.
3. Tambahkan Gadget HTML/Javascript.
4. Copy code dibawah ini dan letakan ke HTML/Javasript tersebut.
<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=https://www.facebook.com/ilmuwongcilik&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://www.ilmu-wongcilik.com/2014/06/cara-membuat-fan-page-facebook-melayang.html">Tutorial Here</a></span></div></div> 5. Silahkan anda ganti tulisan yang berwarna Merah dengan URL Fans Page Facebook anda.
6. Klik Simpan.
Begitulah Cara Membuat Fans Page Facebook Melayang Autohide Diblog, semoga bermanfaat dan selamat mencoba.
//-->
</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=https://www.facebook.com/ilmuwongcilik&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://www.ilmu-wongcilik.com/2014/06/cara-membuat-fan-page-facebook-melayang.html">Tutorial Here</a></span></div></div> 5. Silahkan anda ganti tulisan yang berwarna Merah dengan URL Fans Page Facebook anda.
6. Klik Simpan.
Begitulah Cara Membuat Fans Page Facebook Melayang Autohide Diblog, semoga bermanfaat dan selamat mencoba.
Tidak ada komentar:
Posting Komentar