Birçok blogda ve sitede birbirinde farklı Faebook eklentisi mevcut bunların en başında facebook'un eklentisi de geliyor ama bir çoğu işlev olarak çok iyi olsa da siteye kötü görüntü veriyor işte tam burada işinize yaracağını düşündüğümüz bu eklentiyi sizinle paylaşıyoruz Eklenti siteye ziyaretçi giriş yaptığında otomatik olarak Sağ veya sol tarafta açılıyor ziyaretçi tek tıkla istediğinde bunu kapatabiliyor.





Blogunuzun Sağ Alt Tarafına Eklemek İçin Aşağıdaki kodu Yerleşim >> gadget ekle >> HTML/JavaScript seçeneği kodlarımızı yapıştıralım..
 <script type="text/javascript">  
  function hide_float_right() {  
   var content = document.getElementById('float_content_right');  
   var hide = document.getElementById('hide_float_right');  
   if (content.style.display == "none")  
   {content.style.display = "block"; hide.innerHTML = '<a href="javascript:hide_float_right()">Kapat[X]</a>'; }  
    else { content.style.display = "none"; hide.innerHTML = '<a href="javascript:hide_float_right()">Facebook Sayfamız...</a>';  
   }  
   }  
  </script>  
  <style>  
  .float-ck { position: fixed; bottom: 0px; z-index: 9000}  
  * html .float-ck {position:absolute;bottom:auto;top:expression(eval (document.documentElement.scrollTop+document.docum entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) ;}  
  #float_content_right {border: 1px solid #01AEF0;}  
  #hide_float_right {text-align:right; font-size: 11px;}  
  #hide_float_right a {background: #01AEF0; padding: 2px 4px; color: #FFF;}  
  </style>  
  <div class="float-ck" style="right: 0px" >  
  <div id="hide_float_right">  
  <a href="javascript:hide_float_right()">Kapat [X]</a></div>  
  <div id="float_content_right">  
  <!-- wwww.biribiziokuyor.com-->  
  <iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/XXXX&amp;width=250&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=230" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 230px; width: 250px;background:#fff;"></iframe>  
  <!-- wwww.biribiziokuyor.com -->  
  </div></div>  

Blogunuzun Sol Alt Tarafına Eklemek İçin Aşağıdaki kodu Yerleşim >> gadget ekle >> HTML/JavaScript seçeneği kodlarımızı yapıştıralım..
 <script type="text/javascript">  
 function hide_float_left() {  
   var content = document.getElementById('float_content_left');  
   var hide = document.getElementById('hide_float_left');  
   if (content.style.display == "none")  
   {content.style.display = "block"; hide.innerHTML = '<a href="javascript:hide_float_left()">KAPAT [X]</a>'; }  
     else { content.style.display = "none"; hide.innerHTML = '<a href="javascript:hide_float_left()">FACEBOOK SAYFAMIZ</a>';  
   }  
   }  
 </script>  
 <style>  
 .float-ck { position: fixed; bottom: 0px; z-index: 9000}  
 * html .float-ck {position:absolute;bottom:auto;top:expression(eval (document.documentElement.scrollTop+document.docum entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) ;}  
 #float_content_left {border: 1px solid #01AEF0;}  
 #hide_float_left {text-align:left; font-size: 11px;}  
 #hide_float_left a {background: #ff6000; padding: 2px 4px; color: #FFF;}  
 </style>  
 <div class="float-ck" style="left: 0px" >  
   <div id="hide_float_left">  
 <a href="javascript:hide_float_left()">KAPAT [X]</a></div>  
 <div id="float_content_left">  
 <!-- wwww.biribiziokuyor.com-->  
   <iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/XXXX&amp;width=250&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=200" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 200px; width: 250px;background:#fff;"></iframe>  
 <!-- wwww.biribiziokuyor.com-->  
 </div>  
 </div>  

Kırmızı Gösterilen Yere Facebook Adresinizi Yazınızınız DEMOYA GİT

0 yorum:

Yorum Gönder

 
Rifws Sevida Responsive Blogger Teması © 2013. Katkılar Biribiziokuyor.com Blogger
Top