Caixa simples de assinatura de feed no fim do post

Olá galera, hoje ensinarei como colocar uma caixa de assinatura no fim do artigo, ótimo para conseguir mais assinantes. É uma caixa simples sem imagens e script complexos apenas com efeito de sombra de texto para criar um recipiente com RSS forma dentro dela. O Widget vai ficar com a parte inferior do seu posto e vai deixar os seus visitantes para apresentar os seus endereços de e-mail e assine as atualizações o seu feed. Certamente a melhor maneira de chamar a atenção!

Adicionando no blogger:

1º - Vá para o Blogger> Design> Editar HTML

2º - Backup seu modelo (Para evitar transtorno mais tarde)

3º - Marque a opção "Expandir Widget modelo" caixa de

4º - Pesquisar por isso,

<data:post.body/>

5º - Logo abaixo dele cole este código,

<style>
#mbt-sub-box{background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#1a2638));;border:1px
solid #1A2638;border-radius:10px; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #333, #1a2638)}
#mbt-sub-box h1{margin-top:5px; color:#FFF;font-family:georgia;font-size:25px;margin-bottom:5px;padding:0;text-shadow:0 2px 3px #000;line-height:35px}
#mbt-sub-box input{background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparent;border:medium none;border-radius:10px 10px 10px 10px;font-size:14px;padding:10px;text-shadow:1px 1px 0 #FFF;width:280px; color:#666; font-family:georgia; margin-bottom:5px;}
#mbt-sub-box .submit{background: -webkit-gradient(linear, left top, left bottom, from(#369a18), to(#205f0d));background: -moz-linear-gradient(center top , #369A18, #205F0D) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:20px;text-shadow:0 1px 2px #000;width:120px; font-family:georgia; margin-left:5px;}
#mbt-sub-box .submit:hover{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent}
#mbt-sub-box .submit:active{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent}
</style>

<b:if cond='data:blog.pageType == "item"'>
<div id='mbt-sub-box'><h1>Assine para receber novos artigos</h1><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=tntbystc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><center> <input name='email' onblur='if (this.value == "") {this.value = "Digite seu Email...";}' onfocus='if (this.value == "Enter Your Email Address ...") {this.value = ""}' size='30' type='text' value='Enter Your Email Address ...'/> <input name='uri' type='hidden' value='tntbystc'/> <input name='loc' type='hidden' value='en_US'/> <input class='submit' type='submit' value='Assinar'/></center></form></div>
</b:if>

Salve e Visite seus blogs para ver a mudança dos olhos catching-novo. Tenho certeza que isso vai aumentar o número de assinantes do seu blog.