arkaplan

WordPress Abone Formu Yapımı

5 sene önce ,

Merhaba arkadaşlar şimdi ki dersimiz de sizlere wordpress sitenize nasıl abonelik formu yapabileceğinizi göstereceğim.Öncelikle arkadaşlar sistem Feedburner altyapısı ile başlıyor bu yüzden bir tane Feedburner hesabınız olmalı ki Feedburner abonelik formu yapımını başaralım.Ben de Baharat V1 temasının yapımın da öğrendiğim bu wordpress abone formu yapımını sizlere anlatmak istedim arkadaşlar.Arkadaşlar koda ilk bulduğum da emin olun bu halde değildi ben kodun görsel ayarlamaları ile oynadım ve son görünümünü kattım.Öncelikle Css3 ile gelen gölgeleme özelliklerini kullandım , buton bölümünü kaldırıp yerine yazı getirdim gibi daha birçok geliştirme yaptım emin olun işinize yarayacaktır.Unutmayın abonelerimiz bizim için değerlidir!

<form action="http://feedburner.google.com/fb/a/mailverify?uri=burakisci" method=post target=popupwindow onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=burakisci', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> 
<p><input style="margin-top:-25px; width:260px; height:30px; background:url(./resim/abone.png); border:1px solid #dfd6c4;    -webkit-border-radius: 5pxcolor:#db790c; font-size:15px; text-shadow: 0px 0px 5px #db790c;    font-family: Calibri; font-weight: 700; 
    -moz-border-radius: 5px; 
    border-radius: 5px;" name=email /></p> 
<input type=hidden value="Baharat V1" name=uri /> 
<input type=hidden name=loc value=en_US /> 
<input type=submit style='width:260px;height:30px; background:none; border:none; text-align:right; color:#db790c; font-size:15px; text-shadow: 0px 0px 5px #db790c;    font-family: Calibri; font-weight: 700; margin-top:-10px;' value="Abone Ol!"/> 
</form>
Yazılarımıza abone olarak güncellemelerimizden her zaman haberdar olabilirsiniz!
REKLAM

Arkadaşlar yukarıda ki kodu siteniz de abonelik formunun görülmesini istediğiniz kısma ekleyin.Yapmanız gereken iki ayar var öncelikle kodların içerisin de iki tane "burakisci" yazan kısım var , bu kısımları kendi Feedburner kullanıcı adınız ile değiştirmelisiniz.Diğer bir taraftan ise formun arkaplan rengini sağlayan "./resim/abone.png" kısmını da kendinize göre düzenleyiniz.

Yorumlar (3)

  1. Oğuzhan dedi ki:

    Çok güzel bir görünüm ortaya çıkarmışsınız bu kodla şuan sitemde kullanıyorum ve çalışıyor.Teşekkürler ;)

  2. AlanTurkce dedi ki:

    MErhabalar. Paylaşım için teşekkürler. Yanlız bir sorum var. Arkaplan resmiyle Abone ol butonu birbiriyle uyumlu değil. pixel boyutlarında farklılık var sanırım. Bir kontrol der isiniz.