Nova box de feed p/ email

Trazendo mais uma partilha talvez a última de hoje ,eu terminei de personalizar esta box feed por email.
Pode vêr na imagem acima o resultado é bem simples ,usei gradientes no fundo sombra nas letras etc...
Pode visualizar aqui: ENTRE AQUI...
Atenção ele não está activo é so visualizár...
Vamos ao esquema do seu blog e depois adicione um gadget html/javascript e cole meu código:

<style>
/* box email feed  http://best-tuga.blogspot.pt/*/
#subscriçaoemailbt {background:-webkit-gradient(linear, 80% 20%, 10% 21%, from(#bbffff), to(#7f7f7f));width:280px;height:auto;margin:0 0 10px 0;padding:10px;border:solid 1px #0c0c0c;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;}
#subscriçaoemailbt p{color:#292829;text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2),0 5px 10px rgba(0,0,0,0.25);
;font:bold 16px oswald;text-align:center;}
.feed {background: url("http://i.imgur.com/nUYmXBs.png") no-repeat top left;background-size:24%;}
.input{margin:10px 5px 0 0;.margin:0px 0px 0 0;float:left;width:180px;padding:5px 5px 5px 5px;border:1px solid #000;color:#000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font:bold 13px oswald;}
.input:focus {width:180px;background:#fcfcfc;color:#0089E0;text-shadow:0 0 2px #f62767;border:1px solid #f62767;box-shadow:inset 0px 1px 3px #f62767;-moz-box-shadow:inset 0px 1px 3px #f62767;-webkit-box-shadow:inset 0px 1px 3px #f62767;}
.sbutton {border:1px solid #000;text-shadow:#fcfcfc 1px 1px 0;color:#000;
font:bold 13px oswald;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:10px 0 0;.margin:-10px 0 0 0;float:right;padding:5px 0 5px 0;.padding:4px 0 4px 0;width:75px;background:#f62767;
}
.sbutton:hover{color:#f62767;background:#87dfdb;}
</style>
<div id='subscriçaoemailbt'>
<div class='feedbt'>
<div class='feed'>
<p>ASSINE FEED...</p>
<div style='font:bold 13px Oswald;'><a href=''><img src=''/></a>
  </div>
</div>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=aqui nome seu feed&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input class='input' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;SEU EMAIL AQUI...&quot;;}' onfocus='if (this.value == &quot;SEU EMAIL AQUI...&quot;) {this.value = &quot;&quot;;}' type='text' value='SEU EMAIL AQUI...'/>
<input name='uri' type='hidden' value='aqui nome seu feed'/><input name='loc' type='hidden' value='en_US'/><input class='sbutton' type='submit' value='ASSINE...'/></form>
       </div>
<br/>
<br/>
</div>

Agora salve e veja como ficou...
Nota: (ASSINE FEED) coloque nome quiser...
(aqui nome seu feed) coloque nome seu feed...
(ASSINE) coloque o nome quiser...

Fim espero que goste até mais...

Nova box de feed p/ email

► 3

► box vários

► Cartita