 |
| Facebook beğeni kutusu |
Blogger bloglarınıza bu güzel eklentiyi eklemek istersiniz eğer aşağıdaki adımları sırasıyla uygulayın.
Blogger için sayfa ile hareket eden Facebook beğeni kutusu:
1. Blogger kullanıcı panelinde sol tarafta "Yerleşim" sekmesine tıklayın ve açılan sayfada istediğiniz yere "Gadget ekle" diyerek açılan gadget listesinden "HTML/Javascript" i seçin. Ardından boş alana aşağıdaki kodu ekleyin.
<script type="text/javascript">2. Kırmızı renkle gösterilen "FacebookTurkiye" kısmını kendi sayfanızın kullanıcı adıyla değiştirin. Daha sonra gadgeti kaydedin ve blogunuzu kontrol edin. Eğer eklenti çalışıyorsa tüm işlem bu kadar ama çalışmıyorsa eklemeniz gereken bir kod daha var demek...
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".abtlikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.abtlikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsjb2m9TOS5PFrI-M_62_qOg2t8-WT2wvFz8n3kYCnspPLHEyDiWrh6BzaAU8gzQM2vl3eNODjCHC38woAlOOoAllqfSqLFT_xAMhZ7G0m_McFyQiSERSVof63ZgWpfJkzIDzhhaV3kl4/s1600/face+logo+a.png") no-repeat scroll left center transparent !important; float: right;height: 245px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.abtlikebox div{ padding: 0; margin-right:-8px; border:4px solid #3b5998; background:#fafafa;}
.abtlikebox span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.abtlikebox span a{color: gray;text-decoration:none;}
.abtlikebox span a:hover{text-decoration:underline;}
}
</style>
<div class="abtlikebox" style="">
<div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2FFacebookTurkiye&width=245&colorscheme=light&show_faces=true&border_color=white&connections=9&stream=false&header=false&height=245" scrolling="no" frameborder="0" scrolling="yes" style="border: white; overflow: hidden; height: 245px; width: 245px;background:#fafafa;"></iframe><span></span>
</div>
</div>
3. Eğer çalışmadıysa hemen Blogger kullanıcı panelinizden "Tema" sekmesini seçin ve ardından açılan sayfada "HTML düzenle" ye tıklayın. Açılan kodların arasından Ctrl F yardımıyla aşağıdaki kodu bulun.
<head>4. Bulduğunuz bu kodun hemen üstüne aşağıdaki kodu ekleyin.
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
 |
| Sayfa ile hareket eden Facebook beğeni kutusu |
Kullanmayacak olsamda bilmemde fayda var. Elinize sağlık.
YanıtlaSil