Blogunuza Şık Abone Kutusu ekleyin

Blogunuza Şık Abone Kutusu ekleyin.
Blogger E Posta Aboneliği Kutusu.

Live Demo

E-posta aboneliği

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

<style type="text/css">
#subscribe-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilTbtKQ_u4Zq2smDKIINm0I7RITAAJGUM6zOPb47Ay_IhfiYCBR410hzqtiJvUEIES1SxYI-Pgq02i6e_CKsOIjOcUbjW_5lCiTgOpCCZqwuabJ0-cSpz_vVX79RW3VF5xdXSUwM1ZGlFG/s1600/border.png) 0 0 repeat scroll transparent;padding:3px;}
#subscribe-box{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgohyphenhyphenhyGiYgO0nlR_18OlhpdUdUQhLz7UgLDOcocsiqH_qGSEDtrDqp3UA-QrA1fT9Ol1tbOARM3wmAd6aqQKu4Ri1dxaQUw1D_qY6tZjuDWMjPIWHx3R4_l87t-cquxCC2FYHPgbua6xU/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="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://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="http://feeds.feedburner.com/MeftunMede" class="linkopacity" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzQ_XSIvAIS60LRMM-0n6iX-c1x_fJDr8Yqe_nL45rTXhyZ67YEfTEl-eOmYh6P-eeil2EOLuCU6KU1nCzVaX9gInM1xzpqCtW1kL4qs3dA0XndWjQ6pzHVj4q-2ky7j7hxmX6cMGrg-Q/s1600/_0041_RSS.png" /></a></td>
<td>
<a href="http://www.facebook.com/pages/Meftunmedeblogspotcom/662742853778319" class="linkopacity" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPuJ3Tsg1SeS9pWfln00CmpzBuTcA-S8siBeVS1EfG_AASYUPXisPVnOTP7HpkiA0aY8Wop9ST8zDoXvY51DJUcpa4B3veOGv_-pp4bLIuFv7APAHDC0zT5eqGmI0d_-OLk30u4aPf6xV9/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/AVvXsEi29kpfZn3AaZBAu3Getf-P0zhRHgWU2-sx2LJlRHxv-OBLFcyAVx5hgSi3SvzHAerrLP3l6W7R0L3n1ECPFrFV9NlNPCCA03JdVaC5HKVy6U-Qm7QWnopFKMN9LeK4B3hvBWGg03JNDKc/s1600/_0046_Twitter.png" /></a>
</td>
<td>
<a href="https://plus.google.com/111555326072108216342" class="linkopacity" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMTQAFxapnJCOGFmHpCgvqe3QBDY0jUVT7lIEVq15iAKZXgb44L5g88cuBKLYWFjBhoflep_ooDOUGoM3ZYjRMlIKEwChKYI__DCpmzxWrPHaf0IcS0KMNYKfrDp-4MiM7elP2R4CLgT6C/s1600/Google+.png" /></a>
</td>
</tr></tbody></table>
</center>
</div></div>

Kodu 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...