Otomatik Açılan (Pop-up) Email Abone Widget Nasıl Eklenir

Blogumuzun ziyaretçi trafiğini artırmadaki en önemli yollardan birisi de onları ilk ziyaretlerinde blogumuza abone olmalarını sağlamak.Çünkü bir yazıya google üzerinden ulaşan okuyucumuz o yazıdaki içeriği okuduktan sonra tekrar blogumuzu ziyaret etmeyecektir.Eğer biz okuyucumuzu blogumuzu takip etme konusunda ikna edebilirsek artık son yazılarımızı ona ulaştırır ve sitemize onu çekebiliriz.

>>>>>Okuyucularınız Blogunuzu Mail İle Takip Etsin

Tabii blogumuza abone edebilmek için bir çok yol mevcut.Sosyal medya, blogger ve mail yoluyla takip bunların en başında gelmektedir.Hangisi en etkili derseniz benim cevabım mail yoluyla takip olacaktır.Çünkü sosyal medyayı büyük bir çoğunluk kullansa da herkes yeterince aktif değil.Fakat herkesin aktif olarak kullandığı bir mail adresinin oluştuğunu düşünüyorum.Eğer aktif bir mail hesabıyla bir okuyucumuzu sitemize abone olması konusunda ikna edebilirsek ziyaretçi trafiğimiz daha fazla artacaktır.

>>>>>Email Subscription Form Nasıl Eklenir ?

Auto-po-up-mail-abone

Okuyucularımızın mail aboneliği gerçekleştirmek için bu widget elimizden geldiğinde görselleştirmeli ve bu işlemi onlar için kolaylaştırmalıyız.Takip eden okuyucularım bilirler ne kadar tema değiştirdiysem değiştireyim email ile abone ol widget ını hiç kaldırmadım.Onu yazı sonlarına ve sidebar a muhakkak ekledim.Şimdi ise farklı olarak otomatik pop-up şeklinde açılacak mail abone gadget ını sitemize nasıl ekleriz onu paylaşacağım:

DEMO

Aşağıda paylaştığım kodlarda renkli kısımlar göreceksiniz.İlk olarak bu kodları kendinize göre düzenlemelisiniz.Şöyle ki kırmızı renkli yer alan benim kendi feedburner hesabım : ehl-iblog.Siz bunu kendi feedburner hesabınızla yer değiştirin.

Daha sonra düzenlediğiniz kodları blogger>>>Yerleşim>>>Gadget Ekle yolunu izleyerek html/javascript ekleyi seçerek bu kodları kopyalayıp yapıştırın.Daha sonra kaydedin.

<style type='text/css'> /*<![CDATA[*/ #slider{     position:fixed;    top:-125px;    right:0px;    height:120px; width:100%;    background-color:#fff;    opacity:0.98;    -moz-box-shadow:    0px 0px 8px #ccc;    -webkit-box-shadow: 0px 0px 8px #ccc;    box-shadow:         0px 0px 8px #ccc;   }   .syb_footer{margin-top:-10px;font-size:0.8em;} #slider #slider-shell{    width:800px; height:110px;margin:10px auto;    position:relative;   }   #slider #slider-tab{position:absolute; bottom:0px; right:0px;    width:400px; text-align:right; padding-right:10px;    cursor:pointer; font-size:0.6em;   } #syb_embed_signup{ background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }#syb_embed_signup form {display:block; text-align:left; padding:10px 0 10px 3%}#syb_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}#syb_embed_signup input {border:1px solid #999; -webkit-appearance:none;}#syb_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}#syb_embed_signup input[type=radio]{-webkit-appearance:radio;}#syb_embed_signup input:focus {border-color:#333;}#syb_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block;font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}#syb_embed_signup .button:hover {background-color:#777;}#syb_embed_signup .small-meta {font-size: 11px;}#syb_embed_signup .nowrap {white-space:nowrap;}     #syb_embed_signup .clear {clear:none; display:inline;}#syb_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}#syb_embed_signup input.email {padding:8px 0; margin:0 4% 10px 0; text-indent:5px; width:58%; min-width:130px;}#syb_embed_signup input.button {width:35%; margin:0 0 10px 0; min-width:90px; }  /*]]>*/ </style><script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'></script><div id='slider' style='top: -108px;'><div id='slider-shell'><div id='syb_embed_signup'><form action='http://feedburner.google.com/fb/a/mailverify?uri=ehl-iblog' id='syb-embedded-subscribe-form' method='post' onsubmit='window.open(&quot;http://feedburner.google.com/fb/a/mailverify?uri=ehl-iblog&quot;, &quot;popupwindow&quot;, &quot;scrollbars=yes,width=550,height=520&quot;); return true' target='popupwindow'><label for='syb-EMAIL'>Son Yazılarım Mailinize Gelsin!</label><input class='email' id='syb-EMAIL' name='email' placeholder='Email Address' required='required' type='email' /><div class='clear'><input class='button' id='syb-embedded-subscribe' style='background-color: #0066cc;' type='submit' /></div></form><div class='syb_footer'><small><a id='syb_email_link' target='_blank' href='http://www.ehliblog.com/2012/12/auto-pop-email-abone-widget.html?utm_src=SYB_email' style='padding: 1px 0px 0px 19px;text-decoration:none;'><img src='http://img1.blogblog.com/img/blank.gif' alt='Email Subscription Widget for Blogger' style='border:none' /></a>Powered By <a href='http://www.ehliblog.com/?utm_src=SYB_email' target='_blank' title='Blogger Widgets and Gadgets'>Blogger İpuclari</a></small></div></div><div id='slider-tab'>Bültene abone olmak istiyorum!!!</div></div></div><script type='text/javascript'>$(document).ready(function(){function isScrolledDown(a){var b=$(window).scrollTop();var c=b+$(window).height();var d=$(a).offset().top;var e=d+$(a).height();return(e<=c)}function isScrolledUp(a){var b=$(window).scrollTop();var c=b+$(window).height();var d=$(a).offset().top;var e=d+$(a).height();return(d-200>=c)}function bringSliderOut(){$(f).animate({top:0},'fast');$('#slider-tab').text('hide this...')}function bringSliderIn(){$(f).animate({top:-108},'fast');$('#slider-tab').text('Bültene abone olmak istiyorum!!!')}var f=$('#slider');var g=$('#comments');var h=false;var i=false;$('#slider-tab').click(function(){if(!i){bringSliderOut();i=true}else{bringSliderIn();i=false}});$(window).scroll(function(){if(isScrolledUp(g)){if(h){bringSliderIn();h=false;i=false}}else if(isScrolledDown(g)){if(!h){bringSliderOut();i=true;h=true}}})});  </script><style type='text/css'> /*<![CDATA[*/ #slider{     position:fixed;    top:-125px;    right:0px;    height:120px; width:100%;    background-color:#fff;    opacity:0.98;    -moz-box-shadow:    0px 0px 8px #ccc;    -webkit-box-shadow: 0px 0px 8px #ccc;    box-shadow:         0px 0px 8px #ccc;   }   .syb_footer{margin-top:-10px;font-size:0.8em;} #slider #slider-shell{    width:800px; height:110px;margin:10px auto;    position:relative;   }   #slider #slider-tab{position:absolute; bottom:0px; right:0px;    width:400px; text-align:right; padding-right:10px;    cursor:pointer; font-size:0.6em;   } #syb_embed_signup{ background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }#syb_embed_signup form {display:block; text-align:left; padding:10px 0 10px 3%}#syb_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}#syb_embed_signup input {border:1px solid #999; -webkit-appearance:none;}#syb_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}#syb_embed_signup input[type=radio]{-webkit-appearance:radio;}#syb_embed_signup input:focus {border-color:#333;}#syb_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block;font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}#syb_embed_signup .button:hover {background-color:#777;}#syb_embed_signup .small-meta {font-size: 11px;}#syb_embed_signup .nowrap {white-space:nowrap;}     #syb_embed_signup .clear {clear:none; display:inline;}#syb_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}#syb_embed_signup input.email {padding:8px 0; margin:0 4% 10px 0; text-indent:5px; width:58%; min-width:130px;}#syb_embed_signup input.button {width:35%; margin:0 0 10px 0; min-width:90px; }  /*]]>*/ </style><script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'></script><div id='slider' style='top: -108px;'><div id='slider-shell'><div id='syb_embed_signup'><form action='http://feedburner.google.com/fb/a/mailverify?uri=ehl-iblog' id='syb-embedded-subscribe-form' method='post' onsubmit='window.open(&quot;http://feedburner.google.com/fb/a/mailverify?uri=ehl-iblog&quot;, &quot;popupwindow&quot;, &quot;scrollbars=yes,width=550,height=520&quot;); return true' target='popupwindow'><label for='syb-EMAIL'>Son Yazılarım Mailinize Gelsin! </label><input class='email' id='syb-EMAIL' name='email' placeholder='Email Address' required='required' type='email' /><div class='clear'><input class='button' id='syb-embedded-subscribe' style='background-color: #0066cc;' type='submit' /></div></form><div class='syb_footer'><small><a id='syb_email_link' target='_blank' href='http://www.ehliblog.com/2012/12/auto-pop-email-abone-widget.html?utm_src=SYB_email' style='padding: 1px 0px 0px 19px;text-decoration:none;'><img src='http://img1.blogblog.com/img/blank.gif' alt='Email Subscription Widget for Blogger' style='border:none' /></a>Powered By <a href='http://www.ehliblog.com/?utm_src=SYB_email' target='_blank' title='Blogger Widgets and Gadgets'>Blogger Ipuclari</a></small></div></div><div id='slider-tab'>Bültene abone olmak istiyorum!!!</div></div></div><script type='text/javascript'>$(document).ready(function(){function isScrolledDown(a){var b=$(window).scrollTop();var c=b+$(window).height();var d=$(a).offset().top;var e=d+$(a).height();return(e<=c)}function isScrolledUp(a){var b=$(window).scrollTop();var c=b+$(window).height();var d=$(a).offset().top;var e=d+$(a).height();return(d-200>=c)}function bringSliderOut(){$(f).animate({top:0},'fast');$('#slider-tab').text('hide this...')}function bringSliderIn(){$(f).animate({top:-108},'fast');$('#slider-tab').text('Bültene abone olmak istiyorum!!!')}var f=$('#slider');var g=$('#comments');var h=false;var i=false;$('#slider-tab').click(function(){if(!i){bringSliderOut();i=true}else{bringSliderIn();i=false}});$(window).scroll(function(){if(isScrolledUp(g)){if(h){bringSliderIn();h=false;i=false}}else if(isScrolledDown(g)){if(!h){bringSliderOut();i=true;h=true}}})});  </script>

Tüm işlemleri doğru bir şekilde yaptıysanız yazınızın olduğu sayfada yorum bölümüne doğru geldikçe yukarıdan açılan mail ile abone ol widget ını göreceksiniz.

Eğer yazılarımızı beğeniyorsanız Ehl-i Blog a da mail yoluyla abone olarak sitemizdeki güncel yazılardan anında haberdar olabilir blogumun gelişimine katkıda bulunabilirsiniz.

Thanks for Hardley

Ozan Başer

Merhaba ben Ozan Başer. EhliBlog'da ve elbette Ehliforum (Blogculara Özel Forum)'da yazıyorum. Blogger, seo, adsense, sosyal medya ve google ürünleri hakkında faydalı ve kaliteli içeriği okuyucularıma sunmaya çalışıyorum. C#, PHP, Javascript gibi uğraşılarım var. Web ve online teknolojiler ile ilgili birçok konuda fikirlerimi sizlerle paylaşıyorum.

3 yorum:

  1. en gıcık olduğum site şekli hatta direk popup açan o siteyi hızlıca kapatıyorum

    YanıtlaSil
    Yanıtlar
    1. Bu rahatsız edici bir pop up değil.Üstten aşağıya doğru küçük bir boyutta açılıyor.Demo ya bakabilirsiniz

      Sil
  2. merhaba,

    bloguma ekledim ancak sağ üst köşede ana sayfada bültene aboen olmak istiyorum yazısı sürekli duruyor . neden olaibilir?

    YanıtlaSil

Yorumunuza gelecek cevabı takip etmek "beni bilgilendir" kutucuğuna işaretleyebilirsiniz.