Blogger Ve Wordpress Tema Arşivi

bugun sizlere sagdan acılan facebook eklentisi paylaşcam. blogunuza şıklık katcak ve ziyaretcilerinizin dikati cekicek bu güzel, eklentiyi kulanmanızı tavsiye ederim.   eyer beğendiyseniz uygulamaya  gecmeden önce demo görüntüsü görmek isterseniz.








1 Adım : Blogger  sayfanızı acın. Kontrol Paneli>Tasarım>Htmlyi Düzenle yolunu izleyin. kodlar icersinde Ctrl+F yardımıyla aratıp </head> kodunu bulun. Aşagıda sizlere vercegim kodu </head>  kodu öncesine yapışdırın ve kaydet diyip cıkın.

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

Daha sonra sizlere aşagıda verdigim kodu kopyalayın. yerleşim >> gadget ekle >> HTML/JavaScript yolunu izleyerek acılan gadget icine kodu yapışdırıyoruz.

<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/AVvXsEhrxlNJaKWHqc8UPMcFjD80xpU-HUsEqNq7bDkVube6yemyO9_WicrOG1kcMY_YzuMoC7yhjJsn-FXItgInRBFUVpzsJf4__HAF9zeitZLVQKhn34L_xyxwUFPLJQINp5iSoGFQUwCDySxh/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/Blogger-Yazar%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>

yukarda kırmızı ile işaretledigim yere kendi facebook adresinizi eklemeyi unutmayın..

Not : bazı temalarda kaynaklanan sorun yüzünden bu eklenti çalışmıyor.
eyer yükledikden sonra bu uyguladıgımız eklenti çalışmazsa.
yukarda  </head> kodu öncesi  yapışdırdıgımız kodu geri alarak.  ]]></b:skin>    kodunu bulun ve  aşagıda verdigim kodu ]]></b:skin>  kodunun altına yerleşdirin

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