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/AVvXsEji6qf5UYumgbrVDzL35g8Z2ImUlZfqcEmnjEglRQcRweTXqwbRuDG1m4wrSh9-PaQKdDdYmqFnPYIPELS-aN0Tz3yGTxzYlOnH6lRKJPhvMouoIqrbH7IYHs7R3tlQFycQugdrBIhr_e0/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/andrieLC&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://dzarrganteng.blogspot.com/2012/03/cara-membuat-like-box-fb-tersembunyi.html" target="_blank">+ Get This</a></span></div></div>


ganti tulisan yg berwarna biru dengan alamat fb fanspage anda

5. simpan.

 langkah  selanjutnya

6. rncangan > 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>
8. simpan

andry

Phasellus facilisis convallis metus, ut imperdiet augue auctor nec. Duis at velit id augue lobortis porta. Sed varius, enim accumsan aliquam tincidunt, tortor urna vulputate quam, eget finibus urna est in augue.

1 komentar:

Budayakan memberi masukan saran & kritik
demi memajukan blog kami
maree tinggalkan jejak
jangan sungkan-sungkan berkunjung lagi ...