22 Temmuz 2013 Pazartesi

Blogger E-Posta Aboneliği eklentisi

Blogumda da kullandığım bu eklenti sayesinde okuyucularınızın yazılarınızı e-mail yolu ile takip etmelerini sağlayabilirsiniz.

Okuyucularınızın yazılarınıza bir çok yolla ulaşmaları size her zaman rakiplerinizin bir adım önüne geçirir.

Okuyucularınızın yeni yazdığınız yazı/makale olduğunu fark etmeleri için blogunuza giriş yapmaları gerekiyor. Blogger e-posta aboneliği eklentisi ile okuyucularınıza yeni bir yazı/makale yazdığını haber verebiliyorsunuz. Yeni bir yazı/makale yazdığınızda blogunuzun e-posta aboneliğine kayıt olmuş okuyucularınıza son yazınızın bulunduğu bir mail göndermiş oluyorsunuz. Bu şekilde okuyucularınız sizin yazılarınızı anında haberdar olmuş oluyor.

Bu eklentiyi blogumuza nasıl ekleyeceğimize gelirsek. Blogger Kontrol Paneli > Yerleşim > Gadget Ekle > Html/Javascript yolunu takip ederek aşağıdaki kodları yapıştırıyoruz.
<style>
    #subscribe {
      float:right;
      width:300px;
      padding:2px;
      margin:0 0 20px 0;
    background: url(http://i.imgur.com/Y0kUa.png)  no-repeat 0px 0px;
      height:125px;
    color:#000;
    font-weight:bold;
    }
    #subscribe h {
    font-size:12px;
    color:#F1921A;
    }
    .feed {
      width:260px;
      min-height:60px;
      margin:auto;
      padding:0;
    }
    .input{
      margin:10px 7px 0 0;
      float: left;
      width: 165px;
      padding: 4px 5px;
      -webkit-border-radius:4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
    border:1px solid #656E75
    }
    .sbutton {
      background:#00467F;
      margin:10px 0 0;
      float: left;
      height:26px;
      border: 1px solid #656E75;
      color: #fff;
      width:68px;
      -webkit-border-radius:4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
    }
    .sbutton:hover {
      background:#fff;
    color:#00467F;
    }
    </style>
    <div id='subscribe'>
    <div class='feed'>
             <br/>
    <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=xtrealblog&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input class='input' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;E-Mail Adresiniz...&quot;;}' onfocus='if (this.value == &quot;E-Mail Adresiniz...&quot;) {this.value = &quot;&quot;;}' type='text' value='E-Mail Adresiniz...'/>
    <input name='uri' type='hidden' value='xtrealblog'/><input name='loc' type='hidden' value='en_US'/><input class='sbutton' type='submit' value='Abone Ol'/></form>
           </div>
           <div>
        <center>Yayınlanacak Yeni Yazılar E-mail Adresinize Gelsin. 
           </center>
 <center><p><img width="88" style="border:0" alt="" src="http://feeds.feedburner.com/~fc/xtrealblog?bg=99CCFF&amp;fg=444444&amp;anim=0&amp;label=Abone" height="26" /></p>
</center></div></div> <center></center>
<div class='clear'></div>

Yukarıdaki kodlar içinde değiştirmemiz gereken yerler:
Kırmızı ile gösterilen yerlere kendi feedburner İd'nizi yazıyorsunuz.
Mavi ile gösterilen yerde ise eklentinizde görülmesini istediğiniz yazıyı yazıyorsunuz.

Hiç yorum yok:

Yorum Gönder