Nova box autor/bt

Boa noite ,aqui com mais uma das minhas partilhas.
Trago uma Box de Perfil para sidebar de simples aplicação.
Acima a imagem do resultado final,mas pode ver online:ENTRE AQUI!!

Antes de tudo faça 1 cópia do s template.

Vamos entrar em modelo no seu blog e adiçionar código html/javascipt.
E coloque este meu código abaixo:


<style type="text/css"> { margin:0px; padding:0px; } .profilebt_content { width:270px; z-index:2; display:block; margin:5px auto; position:relattive; padding-top:5px; background-color:#000; border-top-left-radius:10px; border-top-right-radius:10px; } .profilebt_content:hover .profilebt_picture { opacity: .7; filter:alpha(opacity=70); -webkit-box-shadow: 0px 9px 0px #3B5997; -moz-box-shadow: 0px 9px 0px #3B5997; box-shadow: 0px 9px 0px #3B5997, 0px 0px 5px #3B5997; } .profilebt_picture { height: auto ; width:268px; display:block; margin:0px auto; margin-top:0px; border-bottom: 10px SOLID #fff; border-top-left-radius:5px; border-top-right-radius:5px; } a.social-icons { width:270px; list-style:none; margin:0px auto; display:inline-block; text-decoration:none; overflow:hidden; font-size: 24px; width: 90px; height:50px; margin-right: -5px ; } a.social-icons:hover { opacity: .7; filter:alpha(opacity=70); } </style> <div class="profilebt_content"> <img class="profilebt_picture" src="http://i63.tinypic.com/21l8ljd.gif" alt="B-T" /> <br /> <br/> <div> <a class="social-icons" href="https://facebook.com/s nome aqui"><img src=" http://i63.tinypic.com/30if4n4.jpg" /></a> <a class="social-icons" href="https://twitter.com/s nome aqui"><img src="http://i67.tinypic.com/sgpkqs.jpg" /></a> <a class="social-icons" href="http://www.feedburner.com/seu nome feed aqui"><img src="http://i67.tinypic.com/67tzrn.jpg " /></a> </div> </div>

Feito isso salve e visualise .
Notas: Procure estes links e troque pelos seus:

• https://facebook.com/s nome aqui
• https://twitter.com/s nome aqui
• http://www.feedburner.com/seu nome feed aqui

Agora procure este e troque sua imagem:

• http://i63.tinypic.com/21l8ljd.gif

É isso ai simples de aplicar ,alguma questão deixe recado ,inté masss...

Nova box autor/bt

► 1

► box vários

► Cartita