Açılır Facebook Like Box | Blogger

Bu eklenti sağ tarafta duran facebook ikonu üzerine fare işaretçisi ile gelindiğinde açılan bir facebook hayran sayfası kutusu eklentisidir.Bu eklenti ile sitenizde reklam alanı olarak kullanabileceğiniz bir alanı eklenti için kullanmak zorunda kalmayacaksınız.Ayrıca güzel bir görünüm kattığını da söylemek gerekir.Şimdi eklentinin kurulumuna geçelim.Demo için tıklayın
  1. Blogger hesabımıza giriş yapalım.
  2. Tasarım>HTML'yi düzenle adımlarını izleyelim.
  3. </head> etiketini bulalım ve aşağıdaki kodu hemen üzerine ekleyelim.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript">
</script>



Daha sonra aşağıdaki kodu gadget olarak ekliyoruz.
<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/AVvXsEi0ZwNUP4aWveqd0wwYr-lEFzM8oU0r3LF2M4I43TUGSO5LJFpserkzUf8SaBBaWNhwI22DmBws1ZbHnJRqIQl32_zNmLcWMGIAlXcfn7Kc5NFhKQiM0A7FHAnWFzIX5yOpdIY9y5D69Ag/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/sihirli.kalemm&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.sihirlikalem.org/2012/02/acilir-facebook-like-box.html"  target="_blank">+SİTENE  EKLE!</a></span></div></div>

2. kodda bulunan http://www.facebook.com/sihirli.kalemm yerine kendi sayfanızın adresini yazın

Önceki next post Anasayfa