- Home>
- blogger eklentileri >
- Blogger Sagdan Açılır Facebook Beğen Kutusu
Posted by : Unknown
10 Mayıs 2013 Cuma
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/4354849965386
95&width=245&colorscheme=light&show_faces=true& connections=9&stream=false&header=false&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'/>