Facebook Beğen Kutusu - E-posta Aboneliği Eklentisi - ibrahimfirat.net

Popup Facebook Beğen Kutusu ve E-posta Aboneliği Blogger Eklentisi

Bu yazımızda çok faydalı bir eklenti ile karşınızdayız. Araştırmalarım sonucunda bir çok eklenti ile denemesi yaptım ancak popup kutuları her sayfa yenilemede tekrar, tekrar popup açılıyordu. Sürekli açılan bu tür kutular ziyaretçiyi haliyle çok rahatsız edeceği için pek kullanılmasını tavsiye ibrahimfirat.net ailesi olarak etmeyiz.

Bu eklentimizin özelliklerine gelince; en önemli özelliği ziyaretçiye bir kez açılan ve her sayfa yenilemede karşılaşmayacağı şekilde akıllı olarak adlandırılan facebook ve e-posta aboneliği popup penceresidir. Tek seferlik açılmasının sebebi ziyaretçiyi tarayıcısından tanıyarak bir sonraki sayfa geçişlerinde aynı kişinin varolduğunu anımsamasından tekrar, tekrar açılmamasıdır. Ancak tarayıcınızın cerezlerini her temizlemenizde sizi yeni bir ziyaretçi olarak algılayacağından cerezlerin temizlenmesi ile popup ekran karşınıza gelecektir. Ko denenmiştir ve sorunsuz çalışmaktadır. Deneme yapmak için cerezlerinizi temizleyip sorunsuz çalıştığını görebilirsiniz.

Kuruluma geçmeden önce bir önceki yazımız olan Google Plus Popup Açılır Beğeni Kutusu ile ilgili yazımıza göz atabilirsiniz.

Blogger kumanda paneli > yerleşim Gadget ekle yolunu takip ederek > HTML/JavaScript ekle bölümüne
aşağıdaki kodu yapıştırın.

.box-title1 { 
    border:1px solid #ddd; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    border-radius:6px; 
    box-shadow: 5px 5px 5px #CCCCCC; 
        padding:10px; 
  margin: 10px 0; 
    }

.enteryouremail{ 
background: #fff !important;
border: 1px solid #d2d2d2; 
padding: 0px 8px 0px 8px; 
color: #a19999; font-size: 12px; 
height: 25px; width: 165px; 
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
margin:0px; 
}
    .submitbutton{ 
background:#bf0000; 
border: 1px solid #bf0000; 
text-shadow: 1px 1px 1px #333; 
box-shadow: 3px 3px 3px #666; 
font:bold 12px Arial, sans-serif; 
color: #fff; 
height: 25px; 
padding: 0 12px 0 12px; 
margin: 0 0 0 5px; 
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
cursor:pointer;}
    </style> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script> <script src="http://dl.dropbox.com/u/60346665/jquery.colorbox-min.js"></script>  <script type="text/javascript"> 
jQuery(document).ready(function(){ 
   if (document.cookie.indexOf('visited=true') == -1) { 
       var fifteenDays = 1000*60*60*24*30; 
       var expires = new Date((new Date()).valueOf() + fifteenDays); 
       document.cookie = "visited=true;expires=" + expires.toUTCString(); 
   $.colorbox({width:"400px", inline:true, href:"#subscribe"}); 
       } 
}); 
</script>    <div style='display:none'>
       <div id='subscribe' style='padding:10px; background:#fff;'>
            <h3 class="box-title">
Facebook Sayfamızı Beğenin<center>
<p style="line-height:3px;" >
▼</p>
</center>
</h3>
<center>
  <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fibrahim34.58&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe> </center>
<div class="box-title1 ">
<center>
<h3 style="color:#000000;">
Yeni Yazılar E-Posta Adresinize Gelsin:</h3>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ibrahimfirat', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="10" class="enteryouremail" name="email" value="E-Posta adresinizi..." onblur="if (this.value == '') {this.value = 'E-Posta adresinizi...';}" onfocus="if (this.value == 'E-Posta adresinizi...') {this.value = '';}" type="text" /><input value="ibrahimfirat" name="uri" type="hidden" /><input value="Abone Ol" class="submitbutton" type="submit" /></form>
</center>
</div>
</div>
</div>

Sitenize eklenmiş başka JavaScript kodları bulunuyorsa js. kodlarında çakışma olabilir. Bunu engellemek için yukarıdaki kodun içindeki şu bölümü silmeniz yeterli olacaktır.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>

Yapmanız Gereken Düzenlemeler

www.facebook.com%2Fibrahim34.58&amp > kırmızı ile belirtilen bölüme kendi facebook sayfa adresinizi yazınız.

Kodların içinde feedburner kısımlarında olan ibrahimfirat yazan bölüme kendi feed adresi ( id )'nizi yazın.

Hiç yorum yok:

Yorum Yazmak İçin Aşağıdaki Seçenekleri Kullanınız

Lütfen konuyla alakasız yorumlardan kaçının. Sadece link almak amaçlı ( spam ) yorumlar yazmayınız. ( anında silinir ). Argo, küfür, siyasi vb. içerik barındıran yorumlar yazmayınız.

Not: Yorum yapabilmek için (yorumlama biçiminden) Anonim ( isimsiz olarak ) veya Adı/URL'yi ( Adı ( gerekli ) / URL ( kısmını boş bırakınız ), fonksiyonlarından seçim yaparak yorumlarınızı yazabilirsiniz.

Ancak Google + profili ile yapılan yorumları onaylamıyorum bilginize. Yorum yaparken Adı/URL kısmından yaparsanız sadece isim yazmanız yeterli. Site adresi, URL eklerseniz yorumunuz onaylanmaz.

Sponsor Alanı

Slider

İlgi Çeken Videolar

Sağlık

Teknoloji

Sinema

Televizyon

Ne Nedir?

En5 Konular

Ads1

2 Ağustos 2013