Blogger Sağdan Açılır Facebook Beğen Kutusu Eklentisi

Blogger Sağdan Açılır Facebook Beğen Kutusu Eklentisi







Sağdan açılır Facebook Beğen Kutusunu bloglarda daha şık bir görünüm elde etmek ve belli bir takipçi kitlesi oluşturmak isteyenler için ideal ve kullanışlı bir eklentidir.

Kodları Nereye Yazacaksınız?

Kodlarla ilgili her düzenlememizde olduğu gibi kontrol panelinden tasarım bölümüne oradan da Htmlyi düzenle kısmına geçiş yapıyoruz. CTRL + F kombini ile </head> kodlarını buluyoruz.  Aşağıda vermiş olduğum kodu </head> kodunun hemen öncesine ekleyerek şablonumuzu kaydediyoruz

</head> Kodunun Üstüne Yapıştırılacak Kod  : 

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

Son olarak şunları yapıyoruz:
İlk kodu yerleştirmemiz ardından  tasarım bölümüne geçerek sayfa öğeleri kısmına geliyoruz. Gadget Ekle seçeneğinden HTML/JavaScript Düzenle kutucuğunu açarak aşağıda vermiş olduğum kodları kutucuğun içine yapıştırarak kaydediyoruz.


Kırmızı yazılan yeri kendi adresinizle değiştirin.

<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/AVvXsEjRPjglDW_LntNkIlcp4TzbMRXQpcOdURGbU5pS6c1nUO3Nb9jkx3zupha-FawmuE3nFQt7RL3yQn6eHeu53JyuUF7KIHX6x3fXbbWfPUwrHOk41sioMlm4baGThEpHyuKyuCB6ugwmaas/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/face adresiniz/&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://blogger-hakkinda.blogspot.com/2012/08/sagdan-acilir-facebook-begen-kutusu.html" target="_blank"><b>++Sitene Ekle</b></a></span></div></div>