Sayfa ile hareket eden Facebook beğeni kutusu

15 Aralık, 2016
Facebook beğeni kutusu
Facebook beğeni kutusu
Blogger (blogspot) bloglarına, sayfanın sağ tarafında, sayfa ile kayan Facebook beğeni kutusu eklentisi nasıl eklenir. Facebook beğeni kutusu eklentisi ile Facebook sayfalarınızın beğeni sayısını arttırabilirsiniz.

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">
 /*<![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&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;border_color=white&amp;connections=9&amp;stream=false&amp;header=false&amp;height=245" scrolling="no" frameborder="0" scrolling="yes" style="border: white; overflow: hidden; height: 245px; width: 245px;background:#fafafa;"></iframe><span></span>
     </div>
 </div>
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...

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
Sayfa ile hareket eden Facebook beğeni kutusu
Kodu ekledikten sonra kaydedin ve tüm yapmanız gerekenler bunlardı. Bu işlemin ardından Blogunuzun sağ tarafında Facebook'un logosu sayfaları takip edecek ve sayfa ile birlikte kayacaktır. Mouse işareti bu logonun üstüne geldiğinde Facebook beğeni kutusu açılacaktır.

1 yorum:

Yorum yaparken:
1. İçerik konusuyla alakalı olmasına özen gösterin.
2. Yazım ve dil bilgisi kurallarına uymayı ihmal etmeyin.
3. Konu ile ilgili olmayan sorularınız için ise Blogger Yardım veya İletişim sayfalarını kullanın.

Copyright © 2016 - 2024 Blog Tecrübem. All rights reserved. Powered by Dijidal.com and Blogger. I Google
Sitede yer alan tüm içerikler Blog Tecrübem'e aittir, kullanım koşulları çerçevesinde alıntı yapılabilir.