Box email com redes sociais

Boas noites eu vim trazer uma ultima partilha por hoje amanha logo trago novidades.
Pode ver exemplo acima é isto trago agora box de feed por email com botões redes sociais .
Terminei a sua personalização pouquito .
É uma box bonita que irá ficar bem na sua sidebar .
Veja como fica online: Box email aqui  .
Entre no seu painel do blog depois adicione um gadget html/javascript e cole dentro este código:

<style type="text/css">
#sidebar-subscribe-box{width:280px;border-radius:4px;color:#000000;padding:px 0}
 .sidebar-subscribe-box-wrapper{background:url(http://i.imgur.com/aNW6reS.jpg) repeat scroll 0 0 #f7f7f7;border:1px solid #f4c4d5;border-radius:4px;-moz-box-shadow:0 1px 0 #f4c4d5;-webkit-box-shadow:0 1px 0 #f4c4d5;box-shadow:0 1px 0 #f4c4d5;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}
 .sidebar-subscribe-box-form{clear:both;display:block;margin:0px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}
 .sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url() no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 5px;padding:10px 40px;height:10px;width:48%}
 .sidebar-subscribe-box-email-button{-moz-border-radius:4px;-webkit-border-radius:4px;background:#f4c4d5;border:1px solid #444142;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:lobster;font-weight:600;padding:0px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;height:30px;width:90%}
 .sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#aecce3}
 .sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}

a.social-icons{margin-right: 5px;height:45px;width:45px;}
a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}
</style>
<div id="sidebar-subscribe-box">
<div class="sidebar-subscribe-box-wrapper">
    <br/>
<a class="social-icons" href="https://facebook.com/s nome aqui"><img src="http://i.imgur.com/n4n0cdO.png" /></a>
<a class="social-icons" href="https://twitter.com/s nome aqui"><img src="http://i.imgur.com/KlSm30N.png" /></a>
<a class="social-icons" href="http://www.feedburner.com/seu nome feed aqui"><img src="http://i.imgur.com/wJcCbUU.png" /></a>
<p></p>
<div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=SEU NOME AQUI" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=nome S NOME FEED', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="SEU NOME FEED AQUI" />
<input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="SEU EMAIL AQUI!"/>
<input class="sidebar-subscribe-box-email-button" title="" type="submit" value="ASSINE!" /></form>
</div></div></div>

Salve e veja como ficou .
Personalizar: Onde diz seu nome aqui coloque seu nome respetivo aos icones de redes sociais.
Nota: onde di< seu email aqui não coloque nada ,isso é nome ira aparecer caixa email do feed de email.
E foi isto esta foi ultima partilha hoje ,duvidas disponha sempre uma boa noite...

Box email com redes sociais

► 0

► box

► Cartita