1 Ağustos 2012 Çarşamba

Kullandığım E-Posta Aboneliği Eklentisi

54 yorum

Blogumun kenar çubuğunda gördüğünüz e-posta aboneliği kutusu ilk yaptığm günden beri çok beğenildi ve çok kişi tarafından istendi.Sanırım bu eklentiyi siznle paylaşmanın zamanı geldi.

 

e-posta-abonelik-formu

Tasarımı ve kodları bana ait olan bu eklentiyi blogunuzda kullanmak isterseniz değiştirmeniz gereken yerleri değiştirdikten sonra kodları HTML/Java Script gadget olarak eklemeniz yeterli.

 

<style>
#subscribe {
  float:right;
  width:258px;
  padding:10px;
  margin:0 0 20px 0;
background: url(https://lh5.googleusercontent.com/--PGII37MHuc/T4QdJl4a4rI/AAAAAAAACsU/iQgow_B8swY/s266/e-posta.png)  no-repeat 0px 0px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px
  height:auto;
border:1px solid #656E75;
color:#000;
font-weight:bold;

}

#subscribe h {
font-size:12px;
color:#F1921A;
}

.feed {
  width:260px;
  min-height:60px;
  margin:0 0 10px 0;
  padding:0;
}
.input{
  margin:10px 7px 0 0;
  float: left;
  width: 175px;
  padding: 4px 5px;
  -webkit-border-radius:4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
border:1px solid #656E75
}

.sbutton {
  background:#F1921A;
  margin:10px 0 0;
  float: left;
  height:26px;
  border: 1px solid #656E75;
  color: #fff;
  width:65px;
  -webkit-border-radius:4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.sbutton:hover {
  background:#E6E7E8;
color:#669900;
}
</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=bloghocam&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='bloghocam'/><input name='loc' type='hidden' value='en_US'/><input class='sbutton' type='submit' value='Abone Ol'/></form>
       </div>
       <div>
       Blog Hocam&#39;da yayınlanacak yeni yazılar e-mail adresinize gelsin.
       </div></div>

 

Değiştirmeniz gereken yerleri kırmızı renkle gösterdim.

  • bloghocam yerine kendi FeedBurner ID’nizi yazın.
  • Blog Hocam&#39;da yayınlanacak yeni yazılar e-mail adresinize gelsin.
    yerine kutunun altında olmasını istediğini yazıyı yazın.

Son olarak bu eklentiyi kendi blogum için hazırladığımdan dolayı genişlikler sizin temanıza uygun olmayabilir.Bu durumda genişlikleri düşürmek yetmez.Arkaplan olarak kullandığım resmi de değiştirmeniz gerekebilir.

54 yorum:

  1. Çok hoşmuş Serdar abi, teşekkür ederim arşive ekledim

    YanıtlaSil
  2. Teşekkür ederim. Serdar Bey.

    YanıtlaSil
  3. görünüm olarak sitenize çok güzel uyum sağlıyor gerçekten ha bu arada serdar bey bizim sitedeki yarışmada başladı haberiniz olsun destek bekliyorum ben sizin gizli bir hayranınızdım şimdi açığa çıktım :]
    "Dampakt Canon, Piranha, Altın hediyelerinden dağıtıyor, yarışmaya katılmak için tıklayın: http://bit.ly/QvF2XS "

    YanıtlaSil
  4. ellerine sağlık hocam çok hoş görünüyor

    YanıtlaSil
  5. kullanmaktan vaz gectim value nin yaınndaki bloghocam yazısnı kaldırnca calısmaz hale gelior kaldırmassam calısyor ama abone olurken blog hocam yazısı cıkıyor ondan genede elinize sağlık

    YanıtlaSil
  6. FeedBurner ID mi bilmiyorum nasıl öğrenebilirim??

    YanıtlaSil
  7. FeedBurner ID nedir nereden temin edilir arkadaşlar blog yazarımız yada herhangi bir arkadaş yardımcı olabilir mi ? Bu eklenti blogcu tarafından kullanılabılır mı ?

    YanıtlaSil
  8. @YusufCann, @"YazanParmaklar"
    Feedburner'da adresiniz http://feeds.feedburner.com/XXX şeklindedir ya, oradaki XXX kısmı sizin feedburner ID'nizdir.

    YanıtlaSil
  9. Bilgeyazar.org'da kullandım abi gayet hoş oldu :)

    YanıtlaSil
  10. böyle birsey ariyordum ve eklemesinide basrdim:) cok tsk.ler

    YanıtlaSil
  11. BENDE DIORDUM BIRGUN EKLESEM BEGENDI MEKLEDIM TESEKKURLER

    YanıtlaSil
  12. hocam sizin eposta aboneliği değilde abone yazı hayran takipçi eklentinizi kullanıyorum ama fedd aboneliğinin sayısı gözükmüyıor bir süreden beri aslında suan sizde gözüküyor nasıl halledebilirm onu

    YanıtlaSil
  13. @!BR@H!M F!R@T
    Feedburner abone sayısını otomatik gösteren script bir süredir çalışmadığı için ben orayı manuel yaptım.

    YanıtlaSil
  14. bende manuel yapmak istiyorum nasıl yapıcam

    YanıtlaSil
  15. Abone sayısını gösteren script kodunu silip yerine kendin yazabilirsin.

    YanıtlaSil
  16. harika olmuş, ayrıca blog sayfamın tasarımınada uyuyor renkleri çok teşekkür ederim...

    YanıtlaSil
  17. Öncelikle herkese iyi günler.Henüz yeni bir blog kullanıcısıyım ve blogunuzun da yeni takipçilerindenim.Yukardaki uygulamayı bloguma eklemek istiyorum ancak bu kodları nereye yazacağımı bilemedim en kısa sürede yardımcı olursanız sevinirim.Şimdiden teşekkür ediyorum.

    YanıtlaSil
  18. @OnuR
    Blogger kumanda paneline giriş yaptıktan sonra yerleşim > gadget ekle > html/javascript yolunu takip ederek kodları açılan pencereye ekleyin.

    YanıtlaSil
  19. Teşekkür ekledim çok güzel oldu, bende ekledim. Fakat abone ol yazısınını o ve l si ayrı kaldı. Nasıl düzeltebilirim acaba?

    YanıtlaSil
  20. @Kurabiye Canavarı
    Kodlamayı kendi bloguma göre yaptığım için bazı bloglarda sıkıntı oluyor. Şöyle yapın:

    1. .input kodunun devamındaki width: 175px; değerini düşürün
    2. .sbutton kodunun devamındaki width:65px; değerini arttırın.

    YanıtlaSil
  21. Teşekkürler Serdar bey ekledim ancak bayağı uğraştırdı düzenlemek :)

    YanıtlaSil
  22. Eklenti çok iyi çalışıyor. "value=" kısmından sonra FeedBurner ID'nizi yazdığınız halde "bloghocam" şeklinde farklı ID'ye yönleniyor ise, birden fazla aynı blog için üyelik açtığınız anlamına gelir. Ya tümünü temizleyip yeniden kayıt yaptırmalısınız ya da abone kimliğinizi örnekteki gibi girmelisiniz. Adresin sonunda "/YKlj" gibi bir ek var, örnekteki gibi tam yazarsanız sorun çıkmaz. feedburner/ID'niz/YKlj

    YanıtlaSil
  23. yaa bunu nasıl ekleyebilirim kodu nere ekleyecem yardımcı olurmusunuz

    YanıtlaSil
  24. hocam email ile abone olmayı nasıl etkinleştiricem yardımcı olurmusun.

    YanıtlaSil
  25. @Serdar Karagülle
    Feedburner kurulumunu anlattığım yazıdaki 7. maddeye bakabilirsin.

    YanıtlaSil
  26. Eklenti için teşekkürler hocam. Yalnız bu konuda anlayamadığım bir şey var. Benim bloğumdaki içerikler yayınlandığında, e-posta abonesi olanlar içeriğimin özeti değil de tamamı gidiyor. Ziyaretçiler için güzel bir şey de, bloğum açısından kötü oluyor. Yani ziyaretçi bloğumu ziyaret etmeden içeriklerime ulaşabiliyor. Acaba benim bilmediğim bir ayarı mı var bu eklentinin yoksa ben mi bir şeyleri yanlış yaptım?

    YanıtlaSil
  27. @Rıdvan ÖZKAN
    Evet o ayarı yapabilirsiniz. Şu yazıda anlattım: http://bloghocam.blogspot.com/2013/05/feedburnern-incelikleri.html

    YanıtlaSil
  28. Çok teşekkürler hocam, emeklerinize sağlık.

    YanıtlaSil
  29. hocam teşekkürler. gayet hoş bir abonelik kutusu yapmışsınız elinize sağlık.

    YanıtlaSil
  30. Blog Hocam eline saglik ekledim super calisiyor elinize saglik yeni blogcu oldugumdan sayfam eksiksiz olsun istiyorum Tesekkur ederim.
    http://gercektarihdeposu.blogspot.com

    YanıtlaSil
  31. Hocam Eklentiyi deneyeceğim. Blog şablonunda güzel duracakmı bakalım.
    Sorun çıkmazsa kullanacağım. İyi bloglamalar

    YanıtlaSil
  32. Hocam çerçeve bende dar çıktı sizinki gibi değil Nasıl düzeltebiliriz

    YanıtlaSil
  33. @Yüksel Duman
    Sizin sidebar dar olduğu için öyle gözükmüştür. Width değerleriyle oynayın.

    YanıtlaSil
  34. Teşekkürler hocam Yalnız tema genişliği mi eklenti genişliği mi?

    YanıtlaSil
  35. Ya şablondan sidebar genişliğini arttırın, ya da eklentideki width değerlerini düşürün.

    YanıtlaSil
  36. serdar hocam e-posta aboneliği içerisinde feedburner abone sayısını eklemişsiniz bu eklentiyi nasıl yaptığınızı paylaşırsanız bende eklemek istiyorum.

    YanıtlaSil
  37. @murat kaya
    Feedburner'da chicklet oluşturma bölümünden sayacın kodlarını alıp, abonelik formunun altına ekleyebilirsiniz.

    YanıtlaSil
  38. Çok harika bir eklentiyi bizler için paylaşmışsınız hocam. Okuyucunun arkasında durarak tam desteğiniz kaliteli paylaşımınızı bir kez daha gözteriyor. e-posta aboneliği eklentinizi kullanmak istiyorum.

    YanıtlaSil
  39. Bu yorum yazar tarafından silindi.

    YanıtlaSil
  40. abi herşeyi yaptım olmuyo yaaaaa

    YanıtlaSil
  41. Oldu arka planı kendi tasarımımı da koyabiliyorum çok basitleştirilmiş anlatımların sayesinde çok güzel bir blog düzenledim sen çok yaşa Serdar Kara :)

    YanıtlaSil
  42. ID'i bulamadım XXX dediğiniz yerin tamamı mı ?

    YanıtlaSil
  43. Paylaşım için teşekkürler.

    YanıtlaSil
  44. abone olma butonunu ekledim fakat adres girip abone ol yazısına tıklayınca bir uyarı veriyor. nerde yanlış yaptım acaba ? :)

    YanıtlaSil
  45. @RABİA BİLGİNN
    Uyarı mesajında ne yazıyor?

    YanıtlaSil
  46. hocam gerçekten harika bir tasarım olmuş ancak blog açılırken sağ taraftaki takip bölümünü nasıl kaldırabilirim.

    YanıtlaSil
  47. Merhabalar Serdar Hocam...
    Abone sayısını gösteren script kodunu silip yerine kendin yazabilirsin. demişsiniz. Bunu tam olarak nasıl yapacağım.

    YanıtlaSil
  48. Bloghocam teşekkürler, eklentiyi güç bela ekledim. Başım sıkıştı mı kapınızdayım zaten :) Mail liste abone olanları feed burner de göreceğiz sanırım. FeedBurner "yaşasın blogunuza yeni bir aboneniz var" diye ayrıca mail adresimize bilgilendirme mesajı göndermiyor tabi, feedburnerdan takip edeceğiz. Şimdilik kendimden başka abonem olmadığından nasıl çalıştığını ileri tarihe bıraktım. Tekrar teşekkürler amigo!
    http://hanifedikbiyik.blogspot.com.tr/

    YanıtlaSil
  49. Çok teşekkürler serdar hocam kaynağını ekleyerek kendi sitemde yayınladım.

    YanıtlaSil
  50. Teşekkürler hocam. Siz de olmasanız...

    YanıtlaSil
  51. ID mi bulamıyorum .Nasıl görebilirim?

    YanıtlaSil
    Yanıtlar
    1. Feedburner'a giriş yapıp edit feed detals dedikten sonra Feed Address yazan yer

      Sil
  52. bu kutuyu her yazının altında gösterebilirmiyiz?

    YanıtlaSil
    Yanıtlar
    1. Evet, şablondaki <data:post.body/> kodunun altına bu eklentinin kodlarını eklerseniz kutu her yazının altında gözükür.

      Sil

Picardes

LİNKLER