Exclusivo box d/ email v:3

Aqui trazendo uma nova box de email de feed com icones redes sociais é uma outra versão acabadinha de personalizar e vindo postar aqui ,partilhar com vcs.
Podem ver a imagem acima de como fica depois de aplicár .
Também pode ver o exemplo online:  Entre aqui...
Então gostou assim espero pois eu trago aqui as minhas partilhas com muito gosto;
Vamos lá entre no seu blog e adicione um gadget html/javascript e cole este código dentro:

<style>
#bt-sidebar{
background:-webkit-gradient(radial, 165 0, 0, 220 -257, 414, from(#2dcc70), to(#b0caec));border-bottom:5px solid #bbb;position:relative;float:center;width:270px;height:170px;margin:0 auto 20px;padding:10px;border-radius:2px 2px 5px 5px;}
#bt-email{background:#ff8f85;height:100px;border-radius:5px 5px 5px 5px;}
#bt-email form{color:#FFF;margin:0;padding:12px 18px;}
#bt-email input.input-text{background:#F9f9f9;border:1px solid #5e8f9f;width:216px;margin:0 0 4px;padding:8px;border-radius:5px 5px 5px 5px;}
#bt-email .button{background:#b1a1c6;border:1px solid #69F;width:200px;cursor:pointer;float:center;margin-left: 20px;padding: 8px;border-radius:5px 5px 5px 5px;}
#bt-email .button:hover{background:#00b3b3;border:1px solid #9CC;}
#bt-email p{color:#CCC;font-size:12px;line-height:16px;margin:0;}
#bt-email{float:left;font-size:12px;width:100%;margin:10px 0 20px;}
#bt-social ul{float:left;list-style:none outside none;margin:0 5px 13px;}
#social-profiles ul li a{display:block;float:left;height:32px;text-indent:-999em;width:32px;margin:0 10px;}
.icons a img {
padding: 0px 1px 0px 2px;
opacity:.9;filter:alpha(opacity=50);
}
.icons a:hover img { opacity:1;filter:alpha(opacity=100);
}
</style>
 <div id='bt-sidebar'>
<div>
<div id='bt-social'>
<div class='icons'>
<a href='http://facebook.com/seu nome' target='_blank'><img alt='Facebook' height='32' src='http://i.imgur.com/ZUVycxe.png' width='32'/></a>
<a href='http://twitter.com/seu nome' target='_blank'><img alt='Twitter' height='32' src='http://i.imgur.com/22wQnVW.png' width='32'/></a>
<a href='https://flicr.com/seu nome' target='_blank'><img alt='Flicr' height='32' src='http://i.imgur.com/2EqSoCN.png' width='32'/></a>
<a href='http://digg.com/seu nome' target='_blank'><img alt='Digg' height='32' src='http://i.imgur.com/8qrALYW.png' width='32'/></a>
<a href='http://youtube.com/seu nome' target='_blank'><img alt='YouTube' height='32' src='http://i.imgur.com/T4MOoKN.png' width='32'/></a>
  <a href='http://stumbleupon.com/seu nome' target='_blank'><img alt='STUMBLEUPON' height='32' src='http://i.imgur.com/VlkNGhn.png' width='32'/></a>
<a href='http://tecnoraty.com/seu nome' target='_blank'><img alt='TECNORATY' height='32' src='http://i.imgur.com/RYptbEn.png' width='32'/></a>  <br />
</div> </div></div>
<br />  
<div id='bt-email'>
<form action='http://feedburner.google.com/fb/a/mailverify' class='nice custom' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=AQUI S FEED&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='' target='popupwindow'>
<input class='input-text' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Enter Your Email Address&apos;;}' onfocus='if (this.value == &apos;Enter Your Email Address&apos;) {this.value = &apos;&apos;;}' type='text' value='   SEU EMAIL AQUI...'/>
<input name='uri' type='hidden' value='AQUI S FEED'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='button' type='submit' value='ASSINE'/>
</form>
</div>
<br /><br /></div>

Agora salve e veja como ficou.
Personalização: onde diz aqui seu feed coloca seu nome do feed .
E nos icones de redes sociais onde diz seu nome coloca seu nome respetivo a cada rede social .
Foi ésta a partilha que vos trouxe um novo modelo de box com redes sociais espero que lhe seja útil .
Não esqueça se usar deixar créditos devidos ...Duvidas disponha até mais.

Exclusivo box d/ email v:3

► 0

► box

► Cartita