Yazı Sonuna E-Posta Abonelik Kutusu Ekleme

Blogunuzun abone sayısını arttırmak istiyorsanız, yazı sonuna yazıyı okuyanların blogunuza abone olmalırını kolaylaştıracak opsiyonlar sunmak çok iyi bir yöntemdir.Ben de zaman zaman bu konuda işinize yarayacak paylaşımlar yapıyorum.Bu yazımda da bunlarda bir yenisi ekleyeceğim.

Tavsiye yazı : RSS Anone Sayısını Arttırmanın 6 Yolu
Tavsiye yazı : Blog Yazılarınızda En Popüler Sosyal Paylaşım Butonlarını Gösterin
Tavsiye yazı : Yazının Altına E-Posta Abonelik Formu Ekleme

Yazılarınızın bitiminde gözükecek bu e-posta ile abonelik kutusunu kullanmak için önmcelikle bir feedburner hesabınız olması gerekiyor.Ayrıca feedburner ayarlarınızdan e-posta ile abonelik seçeneğini aktifleştirmiş olmanız gerekir.

Tavsiye yazı: Feedburner Kurulumu Ve Ayarları

Eğer herşey hazırsa feedburner e-mail ile abonelik kutusunu blogunuza eklemeye başlayabilirsiniz.

Öncelikle blogunuzun şablonundan <data:post.body/> kodunu bulun ve hemen altına aşağıdaki kodları ekleyin.

<style> 
#mbt-sub-box{background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#1a2638));;border:1px 
solid #1A2638;border-radius:10px; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #333, #1a2638)}
#mbt-sub-box h1{margin-top:5px; color:#FFF;font-family:georgia;font-size:25px;margin-bottom:5px;padding:0;text-shadow:0 2px 3px #000;line-height:35px}
#mbt-sub-box input{background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparent;border:medium none;border-radius:10px 10px 10px 10px;font-size:14px;padding:10px;text-shadow:1px 1px 0 #FFF;width:280px; color:#666; font-family:georgia; margin-bottom:5px;}
#mbt-sub-box .submit{background: -webkit-gradient(linear, left top, left bottom, from(#369a18), to(#205f0d));background: -moz-linear-gradient(center top , #369A18, #205F0D) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:20px;text-shadow:0 1px 2px #000;width:120px; font-family:georgia; margin-left:5px;}
#mbt-sub-box .submit:hover{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent}
#mbt-sub-box .submit:active{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent} 
</style>
 
 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<div id='mbt-sub-box'><h1>Yeni Yazılar E-Mail Adresinize Gelsin!</h1><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=bloghocam&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><center> <input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter Your Email Address...&quot;;}' onfocus='if (this.value == &quot;Enter Your Email Address...&quot;) {this.value = &quot;&quot;}' size='30' type='text' value='E-Mail adresinizi yazın...'/> <input name='uri' type='hidden' value='bloghocam'/> <input name='loc' type='hidden' value='en_US'/> <input class='submit' type='submit' value='Abone Ol'/></center></form></div> 
</b:if>

Kodlarda 2 yerde bloghocam yazısı göreceksiniz.Oralara kendi feedburner adresinizi yazmayı unutmayın.Onun dışında değiştirmeniz gereken başka bir yer yok.

Kolay gelsin…