Blogger POP - UP Twitter Beğen Kutusu

Blogger Eklentileri - Blogger POP - UP Twitter Beğen Kutusu
Blogger Eklentileri - Blogger POP - UP Twitter Beğen Kutusu
Blogger Eklentileri için tasarlanmış sosyal paylaşım takip mekanizmaları her gün artıyor. Özellikle sabit kullanıcı edinmek isteyenler için ideal olan Twitter takip et kutusu bu kez pop up olarak
karşımıza çıkıyor.

Demo örneğini görebilmeniz için bu sayfaya yükledim , sayfayı yenileyerek tekrar inceleyebilirsiniz.

Blogger Pop - Up Twitter Beğen Kutusu Kurulumu

Blogger eklentisini isterseniz belli bir sayfada kullanabilirsiniz. Bunun için yayın içeriği oluştururken HTML bölümüne kodları yapıştırmanız yeterli. Tüm blog sayfalarınızda kullanmak istiyorsanız Şablon >> Gadget Ekle >> HTML/Java Script kutucuğunu açarak kodları eklemeniz gerekiyor. 


Blogger Pop-Up Twitter Beğen Kutusu Kodları 



<!-- http://www.bloggerdersleri.com/. -->
<style type="text/css">
/***********************************************
* CSS POP-UP With Light Box Effect- © EXEIdeas (www.exeideas.com)
* This notice must stay intact for use.
* Visit http://www.exeideas.com/ for full source code.
***********************************************/
* html #exestylepopupdiv {position:absolute;}
#exestylepopupdiv {display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://lh3.googleusercontent.com/-rUv4L_9nz-8/T9sfSSJaZNI/AAAAAAAACf0/ETEgFKt-rR4/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;}
#exestylepopup {background-color: #fff; overflow:none;}
.exestylepopup {width:400px; height:420px; position:fixed; top:45%; left:50%; margin-top:-210px; margin-left:-200px; border: 10px solid #999; padding: 20px;}
.exe-title {background:#000;color: #fff;font-size: 20px !important;font-weight:bold;margin:5px 0;border:20px solid #ddd;padding:10px;line-height:25px; font-family:arial !important;}
</style>
<!--[if lte IE 6]>
<style type="text/css">
/*<![CDATA[*/
html {overflow-x:auto; overflow-y:hidden;}
/*]]>*/
</style>
<![endif]-->
<div id="exestylepopupdiv">
<div id="exestylepopup" class="exestylepopup">
<center><h3 class="exe-title">Yeniliklerden Haberdar Olun..</h3></center>
<center>
<script type="text/javascript">
function fanbox_init(screen_name){document.getElementById('twitterfanbox').innerHTML='\<iframe name=\"fbfanIFrame_0\" frameborder=\"0\" allowtransparency=\"true\" src=\"http://s.moopz.com/connect.html?user='+screen_name+'\" class=\"FB_SERVER_IFRAME\" scrolling=\"no\" style=\"width: 295px; height: 237px; \"\>\<\/iframe\>';}
</script>
<div id="twitterfanbox"></div>
<script type="text/javascript">fanbox_init("Bloggerblog_");</script></center>
<br />
<center style=" float:right; margin-right:35px; font-size:9px;" > <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.bloggerdersleri.com/">Blogger Dersleri</a></center>
<center style=" float:left; margin-left:35px; font-size:9px;cursor:pointer;" ><a style=" font-size:9px; color:#3B78CD; text-decoration:none;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">Beğenmeden Geç</a></center>
</div>
</div>
<!-- http://www.bloggerdersleri.com/. -->

Blogger Pop-Up Twitter Eklentisi Üzerinde Yapmanız Gereken Değişiklikler : 

Blogger eklentisi üzerinde yapmanız gereken kodlar arasında kırmızı olarak yazılmış Twitter kullanıcı adınızı değiştirmek.



Makaleyi Paylaş :
 

Yorum Gönder

 
Hakkında : kredi kartı borcu taksitlendirme
Copyright © 2012 - 2013. Blogger Dersleri - All Rights Reserved | Proudly powered by Blogger