Widget pentru abonare prin email.

    Aboneazate prin email,Primiți actualizări gratuite prin e-mail!

Widget html de abonare prin e-mail, un element esential pentru orice blog.
Acesta si este motivul pentru care webmasterii cu experienta acorda o atentie sporita formularului de abonare, plasand-ul in locurile cele mai vizibile.
O forma simpla de abonare, pe care am s-o prezint, are un avantaj incontestabil pentru oricine, chiar si pentru bloggerul incepator, va instala acest formular in 2-3 minute.
Poti sa vezi cum arata pe blogul meu in partea dreapta a blogului.

Pentru adaugarea formularului mergeti la Design;

Elemente de pagina;
Dati clik pe Adaugati un obiect gadget;
Din lista care apare alegeti optiunea Html/JavaScript;  

Acum  copiati codul de mai jos in campul pentru continut;

<style>
.mbt-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVFlxbmAcl881bhmxwcOUIQfkQFEWQcECB-8Fd9OtZ-FIu9-3oLuawkd3dvxx-ZzaRoBrlrE_kPgadwflbsswVewVR0N8rZcKoNMx3-1DGkRbuGEN20UmZC1MqUfLBMZD82Q2taQ_deqk/s1600/email.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;
}
.mbt-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:3px;
-webkit-border-radius:3px;
border-radius:3px;
font:12px sans-serif;
}
.mbt-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="mbt-email">
Aboneaza-te prin e-mail
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open(http://feeds.feedburner.com/DiversePc', '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;Introdu adresa ta de e-mail&quot;;}" onfocus="if (this.value == &quot;Introdu adresa ta de e-mail&quot;) {this.value = &quot;&quot;;}" value="Introdu adresa ta de e-mail" type="text" />
<input type="hidden" value="DiversePc" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="mbt-emailsubmit" value="Abonare" type="submit" />
</form>
</div>

In acest cod inlocuim partea subliniata cu rosu, cu URL-ul feed-ului tau,in cazul meu este: http://feeds.feedburner.com/DiversePc  )

Partea codului subliniata cu rosu (DiversePc) inlocuim cu numele canalului Feed-ului nostru, care intotdeauna este la sfarsitul adresei.
Salvam, tragem widge-ul in locul dorit (de obicei in partea dreapta sau stanga a barei laterale) si iar salvam.
Acum blogul tau are o formular de abonare prin email, simplu si in acelasi timp vizibil.