Blogger İçin Güzel Rss Abonelik Kutusu

   Bu makalemizde web siteleri ve bloglar için sade ve güze bir e-posta RSS abonelik kutusu.Ayrıca HTML ve CSS kullanarak tasarladığımız bu RSS abonelik kutusu kendi isteğinize göre düzenleyebilirsiniz.

   Kumanda paneli > Yerleşim > Gadget ekle > HTML/Javascript sıralamasını izleyerek aşağıda ki kodları ekleyin ve görünmesini istediğiniz kısıma gadgeti sürükleyerek bırakın.

   NOT : Kod içerisinde yer alan mavi renkli yazılı bilgicafem61 yerine kendi RSS abonelik kullanıcı adresinizi yazınız.

<style>

.bordered {
    border: solid #ff7417 2px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;       
}
.bordered2 {
height: 25px;
    background-color: #ff7417;
    -webkit-border-top-left-radius: 6px;
    -khtml-border-radius-topleft: 6px;
    -moz-border-radius-topleft: 6px;
     border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -khtml-border-radius-topright: 6px;
    -moz-border-radius-topright: 6px;
     border-top-right-radius: 6px;     
     text-shadow: 0 1px 0 rgba(255,255,255,.5);
     border-top: solid #ffffff 1px;
}
</style>
<div class="bordered">
<div class="bordered2">
<center>
<span style="color: #ffffff; font-size: 16px;"><b>Subscribe Now</b></span></center></div>
<a href="http://feeds2.feedburner.com/bilgicafem61" rel="alternate" title="Subscribe now to avail the unthinkable" type="application/rss+xml"><img border="0" alt="" style=" padding-bottom:20px; margin: 0pt 10px 10px 0pt; float: left; width:100px; height:100px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1WI9mztejtWsMCCblK01C-LroU7rih7_oUz4PdAwc7SpXlQU-I5JiA08PUN9B5E5iF9fLH58Q2WWoKO7wst9xHnqNnSqKJw9nUCOjRKKk-VEOXpitl_QoBC0-OOOGMwwWvhLXovku35Q/s1600/RSS-Reader-Book-icon.png"/></a><p><a href="http://feeds2.feedburner.com/bilgicafem61" rel="alternate" title="Subscribe to my feed" type="application/rss+xml">Ücretsiz e-posta güncellemelerini alın.</a><span style="color: #ffffff; font-weight: bold;">e-posta adresinizi yazınız.</span></p>
<style>
input.bt {
color:#fff;
font: bold 10px Arial, sans-serif;
background:#F39100;
border:0;
padding:3px;

}
input.bthov {
color:#fff;
font: bold 10px Arial, sans-serif;
border:2px solid #F39100;
padding:3px;
}
</style>
<form action="http://feedburner.google.com/fb/a/mailverify" style="padding: 5px; " target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bilgicafem61', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input style=" color:#ffffff; background: #fff; border:1px solid #ff7417; width: 90px;" name="email" type="text"/>
<input value="bilgicafem61" name="uri" type="hidden"/><input value="en_US" name="loc" type="hidden"/> <input onmouseover="this.className='bt bthov'" onmouseout="this.className='bt'" value="Gönder!" class="bt" type="submit"/></form><br/>
</div>

Blogumuza Abone Olun
Yeni Yazılar e-posta Adresinize Gelsin

Not: Gelen Maili Aktif Etmeyi Unutmayınız!