Facebook Kutusu Eklentisi

Merhaba arkadaşlar, bugün tanıtacağımız eklenti Facebook kutusu eklentisidir. Basit olarak anlatmak gerekirse bu widgeti eklediğinizde ekranın sağ tarafında Facebook logosu çıkacak ve imleci üstüne getirdiğinizde Facebook beğeni kutusu ortaya çıkacaktır.

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

<a href="http://www.davuterarslan.com" target="_blank" title="Blogger Eklentileri"><img src="http://icons.iconarchive.com/icons/deleket/orb/16/Blogger-icon.png" border="0" alt=Blogger" style="position:absolute; display:none; top: 0px; right: 0px;" /></a><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/AVvXsEg4taF7ZAFC9H5IgiMRwCI1GHHutpCzHq8bMpujjnqDr6Rlf7Vu2nxmzRe8-XT3x6cojzNwRg83bOiPPCnRcXTwrdZsbTZwTvLfYkWIr3ijEMUyOKvhs29_jIHcu4KqKe4nHV5mpImrouJO/s1600/facebookbadge.png") 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=http://www.facebook.com/pages/Seyyar-Blog/150171231725242?ref=hl;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;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.webterest.blogspot.com">Blogger</a> / <a href="http://webterest.blogspot.com/2013/04/facebook-kutusu-eklentisi.html">+Sitene Ekle!</a></span></div></div>