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 :
Artikel Terkait:
Blogging Tips
- Cara Memasang Emoticon Pada Kotak Komentar
- Cara Membuat Scroll Pada Blog Archive
- Daftar Email Blogger (@blogger.com)
- Cara Menghilangkan Garis Tepi (Border) Pada Iklan Kumpulblogger
- Memberi Gambar Background Pada Cbox
- Bertukar Link Dengan Adil
- 16 Plugin Standar Terpenting Untuk Blog Berbasis WordPress
- Cara Aktifkan Comment Moderation
- Cara Disable Right Click Tanpa Pesan/Alert
2 komentar:
;)
Screenshot donk gan? :D
Posting Komentar