Box Assinar feed personalizado- modelo 1

Views:
<style>
.rss-widget{
background:transparent;
height:52px;
width:52px;
display:block;
float:right;
position:absolute;
right:-10px;
margin:-24px 0 0 0;
z-index:99;
}
.face-widget{
text-align:left;
border:none;
padding:5px 0 0 0;
color:#52649a;
}
.feedrss-widget{
text-align:left;
border:none;
padding:5px 0 0 0;
color:#ff8d00;
}
.assinar-feed{
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:14px;
color:#000;
}
.campo_feed{
border:1px solid #e2e2e2;
box-shadow:inset 5px 5px 5px #e2e2e2;
padding:10px;
font-size:12px;
width:180px;
color:#555;
}
.botao_feed{
background:#ff435d;
color:#fff;
padding: 10px;
float:right;
display:block;
cursor:pointer;
margin:5px 15 10px 0;
margin-top: 1px;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
border: none;
}
.botao_feed:hover{
background:#dfdfdf;
color:#000;
}
 </style>
<div class="rss-widget">
</div>
<div class="widget-fundo">
<div class="clear">
</div>
<div class="sidctn assinar-feed">
Receba as atualizações do blog direto em seu email! Cadastre-se gratuitamente:
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=SEU FEED ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" name="loc" value="pt_BR"/>
<input type="hidden" value="SEU FEED ID" name="uri"/>
<input type="text" class="campo_feed" name="email" value="Digite seu email aqui..." onclick="if (this.value == 'Digite seu email aqui...') { this.value = ''; }" onblur="if (this.value == '') { this.value = 'Digite seu email aqui...'; }"/>
<input type="submit" value="CADASTRAR" class="botao_feed"/>
</form>
</div>
</div>
Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage