English French German Spain Italian Dutch Russian Brazil Japanese Korean Arabic Chinese Simplified
Translate Widget by Google

Selasa, 26 Juni 2012

Cara Membuat Like Box Facebook Tersembunyi

 Langsung saja gan.....

1. Log in ke blogger.
2.Klik rancangan  » add gadget » HTML/Java Script.
3.Pastekan kode di bawah ini pada kolom yang sudah disediakan.

<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/AVvXsEieEt6-4qdJuLGkVMHbqM77NIrlXaslIpqmJ2nheJV_w1qISQ91InSw3azGhdGuKIzNBTJZZ9S8Riuq7ZFONkPE_6zHbuPeoboouEB_fokeBhY1979Ssby-7E-nbOwIR-iT6YrzQjnsqVc/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=http://www.facebook.com/Bdiggfriendspage&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://www.idriezsankdestroyers.co.cc/2012/06/cara-membuat-like-box-facebook.html" target="_blank">+ Get This</a></span></div></div>
 Keterangan :

  • Ganti kode yang berwarna Hijau dengan url fans page anda.
4.Pergi ke edit HTML dan letakkan kode dibawah ini di atas kode </head>.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </script>
 5.Save template anda.

Sekian tutorial tentang  Cara Membuat Like Box Facebook Tersembunyi mudah-mudahan artikel ini bisa bermanfaat bagi anda.

0 komentar:

Posting Komentar