Blogger’un varsayılan E-Posta Abonelik gadgetini değiştirerek blogunuza daha şık ve sevimli yer kaplamayan E-posta Abone ile Abone Ol gad...

...

Blogger’un varsayılan E-Posta Abonelik gadgetini değiştirerek blogunuza daha şık ve sevimli yer kaplamayan E-posta Abone ile Abone Ol gadget eklentisi yükleyebilirsiniz. Feedburner ile okuyucularınızın abone olabileceği Abonelik yem gadgetiniz zaten mevcut. Feed RSS hesabınızdaki size mahsus özel son isim ekini mevcut kod içine ekleyerek sevimli abonelik eklentisini kullanmaya başlayın. İstediğiniz bir resmi kullanabileceğiniz gibi gadget içindeki yazılarıda dilediğiniz biçimde değiştirin. Demo

Abone ol gadgetini ekleyebilmek için ilgili adımlar :

1. Blogger → Yerleşim → Gadget ekle seçeneğini açın.

2. HTML/JavaScript gadget’ini seçin.

3. Aşağıdaki kodları kopyalayıp yapıştırın.

<style> 
.ag-email{ 
background:url(http://1.bp.blogspot.com/-PTNFtdfxbTk/VH4fMQUtu6I/AAAAAAAAcWM/kVa86sKN3xQ/s58/mail.png) no-repeat 0px 12px ; 
width:300px; 
padding:10px 0 0 55px; 
float:left; 
font-size:1.4em; 
font-weight:bold; 
margin:0 0 10px 0; 
color:#686B6C; 
}
.ag-emailsubmit{ 
background:#9B9895; 
cursor:pointer; 
color:#fff; 
border:none; 
padding:3px; 
text-shadow:0 -1px 1px rgba(0,0,0,0.25); 
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
border-radius:6px; 
font:12px sans-serif; 
} 
.ag-emailsubmit:hover{ 
background:#E98313; 
} 
.textarea{ 
padding:2px; 
margin:6px 2px 6px 2px; 
background:#f9f9f9; 
border:1px solid #ccc; 
resize:none; 
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); 
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); 
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;   
width:170px; 
color:#666;}
</style>
<div class="ag-email"> 
E-Posta İle Abone Ol 
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=adnanguney/adnan', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> 
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" /> 
<input type="hidden" value="adnanguney/adnan" name="uri"/><input type="hidden" name="loc" value="en_US"/> 
<input class="ag-emailsubmit" value="Gönder" type="submit" /> 
</form> 
</div>

Kodlar içinde yapılacak işlemler :

1. Bu linki bulun, http://feedburner.google.com/fb/a/mailverify?uri= adnanguney/adnan Feedburner Email Besleme bağlantı ile sizin linkinizi değişin. Veya,

Renkli koyu isim yazılı yere sizin feed isminizi ekleyin. Feedburner hesabınızda Publize Email

Abone kısmında sizin besleme bağlantısını bulabilirsiniz.

2. Kodların en alt kısmında bulunan, adnanguney/adnan, ismini kendi isminiz ile değiştirin.

3. Değiştireceğiniz iki link ve isterseniz resim linkinden ibarettir. Bunlar şu şekildedir.