About Me

Foto Saya
AthieR (GOoD Time)
Lihat profil lengkapku

Jumat, 13 April 2012

Cara membuat like box fb tersembunyi


Cara membuat like box fb tersembunyi

sekarang saya menjelaskan cara membuat like box fb tersembunyi.

Berikut caranya :

1. rancangan >tambah gadget >HTML/javascript
2. copy kode di bawah ke html/javascript


<script type="text/javascript">
//<!--
$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.floatinglikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnJY5sIvatJ50-qXiVXzx5_lbUOL6T32oEcFcRurBX59iBhL4S7vSFqwRoWSQ_3rJ7xBrh8UtHFio4kOLHy6eKqJvMOROfmKgEfydMBpZS6JZ08W_sxj39he6C7dpcT70-uKcpV7CNBkY/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.floatinglikebox div{border:none;position:relative;display:block;}
.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.floatinglikebox span a{color: #808080;text-decoration:none;}
.floatinglikebox span a:hover{text-decoration:underline;}
</style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=  https://www.facebook.com/pages/remoxp-vjblogspotcom/351689871540362 &amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe><span><a href=" http://remoxp-vj.blogspot.com/2012/04/cara-membuat-like-box-fb-tersembunyi.html " target="_blank">+ Get This</a></span></div></div>


ganti tulisan yang berwarna biru dengan alamat fb fanspage anda

5. simpan.

 langkah  selanjutnya,.
biLa beLum memiLiki jquery/1.6/1/....
siLahkan masukkan kode js berikut

6. rancangan > edit HTML
7. cari kode </head> lalu masukan kode di bawah di atas </head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </script>


0 komentar:

Posting Komentar

Daftar Isi Cyber remoxp-vj™

.-= fUntastic mUsic =-.

  • Banner Link

remoxp-vj.blogspot.com. Diberdayakan oleh Blogger.

  • Banner Link

Pengikut bLog


close
 
Copyright© 2011 ---== cyber remoxp-vj™ ==---- | Template Blogger Designer by : RAJANI SINURAT' |
Template Name | Cyber remoxp-vj™ : Version 1.0 | BoysstReet Up'z