Fungsi dari hide and show adalah supaya agar blog sobat lebih rapih...
Jadi terkesan simple tapi bagus...
Hide and show facebook fans page yang dimaksud adalah...
Box tempat like fans page facebook, tapi diberi hide and show....
Sudah mengerti??
Mari langsung kita bahas ke tutorial cara membuat hide and show facebook fans page :
- Login ke blogger sobat...
- Kemudian masuk kebagian rancangan => edit html...
- Kemudian sobat cari script <head>, setelah ketemu kemudian sobat copy script dibawah ini kemudian pastekan tepat diatas script <head>...
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
- Kemudian simpan...
- Nah kemudian tambahkan widget/gadget dengan script dibawah 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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiohiMJf8RvbTs9YCDbIN2Vr08WYM7DfaoykgoL_F-zv6wk_J2BzJM2D0nmjNGyed06K2_yfOPzhSZSYQ5BnquxrmcLIdxSALjjqqtPzm4l9pxcvbAXKWbFQe_e-PC2PL7zBv84g6BmZ7nw/s150/w2b_facebookbadge.pn") 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/pages/Cybertrikwebid/191359720881159&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>By <a href="http://www.way2blogging.org/">Way2blogging</a> / <a href="http://www.way2blogging.org/2011/06/add-static-facebook-pop-out-like-box.html">+Get This!</a></span></div></div> - Ganti warna ungu dengan link fans page blog sobat...
- Simpan...
Title : Cara Membuat Hide and Show Facebook Fans Page
URL : http://cyber-trik.blogspot.com/2012/01/cara-membuat-hide-and-show-facebook.html
Jangan lupa untuk membagikan artikel Cara Membuat Hide and Show Facebook Fans Page ini jika bermanfaat bagi sobat.
URL : http://cyber-trik.blogspot.com/2012/01/cara-membuat-hide-and-show-facebook.html
Jangan lupa untuk membagikan artikel Cara Membuat Hide and Show Facebook Fans Page ini jika bermanfaat bagi sobat.
Related Post :
2 komentar:
;)
Screenshot donk gan? :D
Posting Komentar