Cara Membuat Hide and Show Facebook Fans Page - kali ini saya akan langsung mengshare Cara Membuat Hide and Show Facebook Fans Page, walaupun pundak masih pegel pegel, tapi gpp deh...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....
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 :
Mari langsung kita bahas ke tutorial cara membuat hide and show facebook fans page :
1. Login ke blogger sobat...
2. Kemudian masuk kebagian rancangan => edit html...
3. Kemudian sobat cari script <head>, setelah ketemu kemudian sobat copy script dibawah ini kemudian pastekan tepat diatas script <head>...
2. Kemudian masuk kebagian rancangan => edit html...
3. Kemudian sobat cari script <head>, setelah ketemu kemudian sobat copy script dibawah ini kemudian pastekan tepat diatas script <head>...
4. Kemudian simpan...<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
5. 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("http://1.bp.blogspot.com/--tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/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/LeopardsComputer&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>
6. Ganti warna ungu dengan link fans page blog sobat...
7. Simpan...
5 komentar:
terima kasih gan atas ilmu yang sangat bermanfaat. follow sukses di nomor 29. follow back ya
oke....
sekarang apakah blog ente udah keren???
makasih gan, sangat bermanfaat follback ya..
http://langitkawan.blogspot.com/
artikel bermanfaat gan...
salam kenal
ok... :D
Posting Komentar