Box Simples Para Assinar Feed Via E-Mail Versão #2
Nesta postagem compartilho com vocês esta pequena caixa de assinar feed, pois afinal de contas é necessário sempre divulgar sua fan page, suas páginas, enfim; por que a divulgação ajuda no crescimento do blogger.
Para colocar a caixa no seu blogger... Entre em "Layout" - "Adicionar um gadget" - "HTML/JavaScript" e cole o seguinte código
<style>
.tbisubscribe {
border: 2px solid #000;
padding: 8px;
width: 300px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbisubscribe:hover {
-moz-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
-webkit-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
}
.tbimailbox {
border: 1px solid #D3D3D3;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 1px 1px rgba(255, 172, 84, 0.4) inset;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
color: #666;
font: 14px "trebuchet ms", sans-serif;
padding: 7px 15px;
width: 160px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbimailbox:hover {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbisubmit {
font: bold 12px Tahoma, Geneva, sans-serif;
font-style: normal;
: #ffffff;
background: #549ffe;
border: 0px solid #000;
text-shadow: 0px -1px 1px #222222;
box-shadow: 2px 2px 5px #000000;
-moz-box-shadow: 2px 2px 5px #000000;
-webkit-box-shadow: 2px 2px 5px #000000;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
padding: 8px 15px;
cursor: pointer;
margin: 0 auto;
}
.tbisubmit:active {
cursor: pointer;
position: relative;
top: 2px;
}
.tbisubmit::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
}
</style>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css' />
<div class='tbisubscribe'>
<div style='color: #222; font-weight: bold; font: 20px Arial, cursive; margin: 0px 0px 10px 15px;'>Receba atualizações via e-mail:</div>
<div style='margin: 10px 0 0 6px;'>
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailform'
method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=dicashot', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true'
style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='dicashot' />
<input name='loc' type='hidden' value='en_US' />
<input class='tbimailbox' name='email' onblur='if (this.value == "") {this.value = "Enter your email...";}'
onfocus='if (this.value == "Enter your email...") {this.value = ""}'
type='text' value='Enter your email...' />
<input alt='' class='tbisubmit' title='' type='submit' value='Subscribe'/>
</form>
</div>
<div style='border: none; color: #222; font: 20px Arial, cursive; margin: 25px 0 0 5px;'>Compartilhe: </div>
<div style='margin: -32px 0 0 120px;'>
<a href='FACEBOOK URL' target='_blank' title='Curta noss página no Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghJ5tZyvPEiBsXOfWGq7-rL3EgjuIgV_2LhVnJk9IPDlD-qiDMnHwDxYBd7w8kwVLN7WJeYq9GuQOZpudpmFGHQJQDaA_iEHgBByitGIxDx1Q4OdqptWWfKjLBpuQpjCWQzbO-lgExhxs/s1600/facebook500.png' alt='facebook'/></a>
<a href='TWITTER URL' rel='nofollow' target='_blank'
title='Siga-nos no Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyKMWcHe_G8uVIBwuuXTpn6Hd0DKFFFo9TdwjqM6mLTCNOgb5hLHkMcxG18YM7_8sAc2AbEZV0W8-i755sawB-5y6TnsQXZlSyNFYls4IsoIc-noXrQNTPKO_tl-ay8xPyIKKy8bZXXOA/s1600/twitter.png' alt='twitter'/></a>
<a href='GOOGLE+ URL' rel='nofollow' target='_blank'
title='Siga-nos no Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjumxq7kj5cM-wmbdqYyV0R1Inw4Lb_mgDP7JnS1jLtkFrlgyocTaiAPgY3EeYsYFkA1D4XvJp7ylB4drLdVG77Rw8RAfjKvzaqbc-TFyATLcQw5UivcDmnpQZwheFUtOGfIPgH7TTNmEA/s1600/googleplus-revised.png' alt='gplus'/></a>
<a href='PINTEREST URL' rel='nofollow' target='_blank'
title='Siga-nos no Pinterest'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7pmPLGC7G34B1XHIDVPgROagh3ahRFGQys34lijB0rM5IY_3V60Iv-jY1tB7gs4S6gDM2L8EU75yPjSvrnR8trMZG67VeXqaA9G2F8cAGtowoblGkDMzp23lMxICBjgW-NYCBqinFbjo/s1600/pinterest.png' alt='pinterest'/></a>
<a href='URL FEED' rel='nofollow' target='_blank'
title='Inscreva-se'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhItjFjm_VJOVSRQAMdfmgI9WJ0poSwRzPUV_beNK_aTGGGLqkDxs-gTXUi8u9o2lVMyv4C45TNRxsQucrrGFuD-KlwzAzXRzJRqu4ukWRjj-uVU2ORjQsPcwk2J0jI4gGZ06Kxhy1oJNQ/s1600/rss.png' alt='rss'/></a>
</div>
</div>
Widget by <a href="http://dicashot.blogspot.com.br/2013/11/box-simples-para-assinar-feed-via-e.html">Dicashot</a>
Tendo colado o código, faça as modificações no código, salve e pronto!!!