Sayfa ile hareket eden Facebook beğeni kutusu

Sayfa ile hareket eden Facebook beğeni kutusu
Blogger (blogspot) bloglarınız için sayfanın sağ tarafında sayfa ile kayan Facebook beğeni kutusu eklentisi. Bu widget sayesinde 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://4.bp.blogspot.com/-HyStdck1hVY/WFGGZ18IZmI/AAAAAAAAAXs/VOmyI2Ff4tsEMOEBnxnpOHpaffvpfyMcACLcB/s1600/face%2Blogo%2Ba.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 "Şablon" 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
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.

✋Bu içerik BlogTecrübem tarafından hazırlanmıştır.

2 yorum:

Yorum yaparken:
1. İçerik konusuyla alakalı olmasına özen gösterin.
2. Aktif link bırakmayın. (Hemen silinir!)
3. Yazım ve dil bilgisi kurallarına uymaya çalışın lütfen. Konu ile ilgili olmayan sorularınız için ise Blogger Yardım veya İletişim sayfalarını kullanınız.

 
Bumerang - Yazarkafe

Copyright © 2017 Kişisel Blog | Blog Tecrübem. Tüm hakları saklıdır.
I Blogger!