Alt Taraflara Kapatılır Facebook Eklentisi

By Adsız - 3 Ocak 2014 Cuma - Yorum Yap

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 DEMO

News Ticker

Alt Taraflara Kapatılır Facebook Eklentisi

Share This:

Post Tags:

BiriBizi Okuyor

Sosyal Link:

No Comment to " Alt Taraflara Kapatılır Facebook Eklentisi "