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

Blogger Eklentileri -  Sağdan Açılan Facebook Beğen Kutusu
Blogger Eklentileri - Sağdan Açılan Facebook Beğen Kutusu 

Blogger Eklentileri arasında sık kullanılan 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.


Blogger Eklentileri - Sağdan Açılır Facebook Beğen Kutusu Oluşturmak 

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.

Blogger Eklentileri - Sağdan Açılan Facebook Beğen Kutusu
Blogger Eklentileri - Sağdan Açılan Facebook Beğen Kutusu 


</head> Kodunun Öncesine Yapıştırılacak Kod Dizini : 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript">
</script>



Blogger Eklentileri - Sağdan Açılır Facebook Beğen Kutusu - İkinci Adım 


İ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.

Blogger Eklentileri - Sağdan Açılan Facebook Beğen Kutusu
Blogger Eklentileri - Sağdan Açılan Facebook Beğen Kutusu 

Kırmızı ve kalın olarak yazılmış linki kendi Facebook sayfa linkiniz ile değiştirmeniz Blogger Eklentisinin çalışması için yeterli. 

<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("http://3.bp.blogspot.com/-VXmAJdQRHJ8/Tra8E16fZGI/AAAAAAAAClg/o5M632x9qX8/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/BloggerDersleri&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>


Makaleyi Paylaş :
 

Yorum Gönder

 
Hakkında : kredi kartı borcu taksitlendirme
Copyright © 2012 - 2013. Blogger Dersleri - All Rights Reserved | Proudly powered by Blogger