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

 Facebook blogunuzun ziyaretçiler açısından büyük bir öneme sahip olan sosyal bir sitedir.Tabi bu siteyi kullanmak bir blog yazarı için vazgeçilemez bir ayrıcalıktır.Her yazınızın Facebook ta merak edilip onlarca kişi tarafından tıklandığını düşünsenize işte bu yüzden Facebook vazgeçilemez bir sosyal sitedir.Bugün paylaşacağım bu eklenti ile blogunuza Facebook tarafından bir güzellik daha kazandıracak ve Facebook sayfanızın beğenisini artıracak bir yapıya sahip olacaksınız.Sağdan açılır bir özelliği sahip olan eklentimiz şık görünümü ile kullanıma değer bir eklenti halini almış durumda.

sağdan açılır facebook beğen eklentisi
Sağdan Açılır Facebook Beğen Eklentisi

Nasıl Bloguma Eklerim ?


Blogger >> Kontrol Paneli >> Şablon >> Html'yi Düzenle yolunu izleyerek ctrl+f kombinasyonu ile </head>
kodunu bulup aşağıdaki kodalrı öncesine yapıştırıp kaydediyoruz.

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

Şimdi ise aşağıda vermiş olduğum kodları Yerleşim >> Gadget Ekle >> Html/Javasicript yolunu izleyerek ekliyoruz.

<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("http://1.bp.blogspot.com/--tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/s150/w2b_facebookbadge.pn") 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=https://www.facebook.com/pages/HarunLog%C4%B1/435484996538695&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=9&amp;stream=false&amp;header=false&amp;height=260" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>.<a href="http://blogger-yazari.blogspot.com/"></a></span></div></div>


Not : Kırmızı ile işaretlenen yere kendi idinizi yazıyorsunuz.

Eğer çalışmazsa </head> kodunun öncesine yapıştırdığımız kodu geri alıp  ]]></b:skin>  kodunun altına aşağıda vermiş olduğum kodları yapıştırın.

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

Yorumlar