Blogunuza Şık Abone Kutusu ekleyin

Bir blog veya web sitesi işletiyorsanız, okuyucularınızla sürekli bir iletişim ve etkileşim içinde olmanız önemlidir. E-posta abonelik kutusu, okuyucularınızla güçlü bir bağlantı kurmanın ve düzenli olarak içerik paylaşmanın etkili bir yoludur. Bu makalede, e-posta abonelik kutusu kavramını ele alacak ve bunun neden blog veya web siteniz için önemli olduğunu anlatacağız.

E-posta Abonelik Kutusu Nedir?

E-posta abonelik kutusu, blogunuzun veya web sitenizin bir bölümüdür ve okuyucularınıza içerik güncellemeleri, haber bültenleri veya promosyonlar gibi bilgileri göndermek için e-posta abonelikleri toplamanıza olanak tanır. Okuyucularınız, adlarını ve e-posta adreslerini bu kutuya girdiklerinde, siz de onlara düzenli olarak içerik sağlayabilirsiniz.

E-posta Abonelik Kutusunun Avantajları

E-posta abonelik kutusunu kullanmanın birkaç avantajı vardır:
Daha Fazla Erişim: Okuyucularınızın e-posta adreslerini alarak, onlara doğrudan erişim sağlarsınız. Bu, yeni içerik yayınladığınızda veya özel promosyonlar sunduğunuzda onlara hızlı bir şekilde ulaşmanızı sağlar.
Okuyucu Bağlılığı: E-posta abonelikleri, okuyucularınızla sürekli bir bağlantı kurmanıza olanak tanır. Onlara özel içerik, ipuçları veya güncellemeler sunarak, sadık bir okuyucu kitlesi oluşturabilirsiniz.
Trafik Artışı: E-posta abonelik kutusu, blogunuzun veya web sitenizin trafiğini artırmanın etkili bir yoludur. Aboneleriniz, e-posta aracılığıyla gelen içeriklere tıklayarak sitenize yönlendirilecektir.
Verimli Pazarlama: E-posta abonelik kutusu, pazarlama çabalarınız için değerli bir araçtır. Abonelerinize özel teklifler, indirimler veya ürün tanıtımları göndererek satışlarınızı artırabilirsiniz.

E-posta Abonelik Kutusu Kullanma İpuçları

Göze Çarpan Bir Konum: E-posta abonelik kutusunu, blogunuzun veya web sitenizin gözden kaçırılamayacak bir yerine yerleştirin. Genellikle ana sayfa, yan çubuk veya pop-up formları kullanmak etkilidir.
Değerli İçerik Sunun: Okuyucularınızı abone olmaya teşvik etmek için, değerli içerik sunun. Özel bir indirim, ücretsiz bir kaynak veya bilgi dolu bir e-kitap gibi teşvikler sağlayarak abone sayınızı artırabilirsiniz.
İzin İsteyin: Abonelerinizin iznini alarak, spam olarak algılanma riskini önlersiniz. E-posta abonelik kutusuna ekleyeceğiniz açık bir onay kutusu, okuyucularınızın size isteyerek katıldığını doğrular.
Sonuç:
E-posta abonelik kutusu, blogunuzun veya web sitenizin büyümesi ve başarısı için önemli bir araçtır. Okuyucularınızla sürekli bir iletişim ve etkileşim içinde olmanızı sağlar. Abonelerinizle özel içerikler paylaşarak, onlara değer katabilir ve sadık bir okuyucu kitlesi oluşturabilirsiniz. E-posta abonelik kutusunu kullanarak blogunuzun veya web sitenizin potansiyelini artırın ve okuyucularınızla daha yakın bir ilişki kurun!
Bu yazımda çok şık tasarımlı bir E-posta abonelik kutusunu sizlerle paylaşacağım. 3 Sosyal medya, 1 RSS butonuyla renkli ve güzel bir E-Posta Aboneliği Kutusu. Umarım hoşunuza gider.

ÖNİZLEME

E-posta aboneliği

1. Blogger Kumanda Panelinize gidin.
2. Yerleşim sekmesine tıklayın.
3. Gadget/Widget Ekle,
4. HTML / JavaScript seçeneğini seçin.
5. Aşağıdaki kodu isteğinize göre özelleştirerek, kopyalayın ve yapıştırın.

<style type="text/css">
#subscribe-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP357lujhUmch_VsHKEaEebSMfA7UAywPPj1Z0lhOIOdUBK_5MOUt67OOsFLiSGcyo_UdAcvGeqCrkeyMH48CVwneuvcRlVdrf0TbvnnmQwl6t3UVkMNrcfNP4PAd2SS-Wj4oSUXh_Bljp/s1600/border.png) 0 0 repeat scroll transparent;padding:3px;}
#subscribe-box{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbNhGRYOJgfvYq1uVNhuG851LSeImnBqZYKQBtS1tjRcwo8UCApugBiDAxQoIf8lCQ2DvuxYaWd_-c0zKAYgFQyHhV6GL2-DeGaWaUTlwtxbnh0otYfvaPCwF7X27G2Cx4eAjp2zUGf1U/s1600/Backgroundsblogtumblrbrushephotoscape20110705-TH2.png) 0 0 repeat scroll #F7F7F7;border-radius:15px;overflow:hidden;padding:5px;}
a.linkopacity img{opacity:0.5;transition:all .5s ease;border:#999 solid 1px;padding:3px;}
a.linkopacity:hover img{opacity:1;box-shadow:0 0 10px 2px rgba(0,0,0,0.44);}
#subscribe-box:hover table{top:0;}
#subscribe-box h1{margin-top:5px;color:#000;font-family:Georgia, arial;font-size:15px;margin-bottom:5px;line-height:14px;font-weight:700;text-align:center;letter-spacing:-1px;}
#subscribe-box table{position:relative;top:40px;transition:all .5s ease;margin-bottom:0;}
#subscribe-box td{padding:2px;}
#subscribe-box input{background:#FFF;border:none medium;font-size:12px;color:#666;font-family:Georgia, arial;margin-bottom:3px;width:55%;padding:10px;}
#subscribe-box input:focus{outline:none;}
#subscribe-box .submit{background:#E73827;color:#fff;cursor:pointer;font-weight:700;text-shadow:0 1px 2px #000;width:90px;font-family:Georgia, arial;margin-left:-3px;font-size:14px;}
</style>
<div id="subscribe-wrapper">
<div id="subscribe-box">
<h1>E-posta aboneliği</h1>
<form action="https://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=MeftunMede', 'popupwindow', 'scrollbars=yes,width=550,height=520');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="20" type="text" value="E-mail adresiniz..." />
<input name="uri" type="hidden" value="MeftunMede" />
<input name="loc" type="hidden" value="en_us" />
<input class="submit" type="submit" value="Abone ol" /></center></form>
<center>
<table>
<tbody><tr><td><a href="https://feeds.feedburner.com/MeftunMede" class="linkopacity" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih1mHs3agbsA0STA87k0rkm9nakC1b0vUcrpjNQNUE4RpCHoumjwHRkaNgfsIs3hEGhYh-1Zlyct8V2oEJPKk7iwkoqg42KfDQ8SPwN94p3TFxe_d4kN6EW5-lHSPDd_FC3xd8OXwEs-8/s1600/_0041_RSS.png" /></a></td>
<td>
<a href="https://www.facebook.com/meftunmede.blogger" class="linkopacity" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjcZJIMzqzzFCaODEd7qFy34rh7_fcMmv9SlrEh-5K536dukVhUmqcC_Gj5iIAVHEUbhxKY49jQpJYiSiwVMyMWfKLmVf_Klo_D-C5-SeLNAm7FBqC6_2RnylKmod_HMY4WBhMNTuG3JIU/s270/_0044_Facebook.png" /></a>
</td>
<td>
<a href="https://twitter.com/MeftunMEDE" class="linkopacity" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl8d3RWa3-6gdu5r5eH6Rc5ii-R5L0LVIgGSnMinmn1CveUn8MUKhDE34DuVQfNEbJc_yABAhrNw-wfgqUtfH7lPmkFvTyorYve8w6E2zQFDH378eC5FR_PJTEPZjhoNAgKQwi7Xxd3GI/s1600/_0046_Twitter.png" /></a>
</td>
<td>
<a href="https://www.blogger.com/profile/01604812627765526498" class="linkopacity" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4LDMZZ3UjDamOxdf13Hf6XNg3KMpLP3PEIzTjoUD14WehekGY7IWgxnbTQ7FLCLnomIRrFrDpqGZm3R5mZtv5OYKR8Px_QeRfqFrbZFN7zgRqXtMIZjhO2W2j27Ag46-k4_eBwJ82IL8P/s1600/Google+.png" /></a>
</td>
</tr></tbody></table>
</center>
</div></div>

Kodu özelleştirmek ve denemek için Online html editor'ü kullanabilirsiniz.
Yukarıdaki kırmızı ile belirttiğim alanları kendi adınıza göre düzenlemeyi unutmayın! Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz.iyi bloglamalar...