Box Com Informações Sobre o Administrador do Site Para Blogger - Versão #2
Nesta postagem trago para vocês aqui outra versão da Box Com Informações Sobre o Administrador do site.
Se você ainda não viu a outra versão, veja:
Para colocar no blogger é bem simples... Entre em "Modelo" - "Editar HTML", dê um Ctrl + F e procure pela tag
<data:post.body/>
Obs.: Você irá encontrar tags como essa; A correta, geralmente é a primeira. Caso não seja a primeira, tente colocar nas outras três.
Tendo encontrada a tag, cole ABAIXO dela o seguinte código
<!-- Código by DicasHot --> <div class='BoxBloggerDicasHot'> <img src='http://2.bp.blogspot.com/-nUoMu41UUhQ/U3VgmMQIaZI/AAAAAAAAESQ/mFpQbmfQ0tw/s1600/Dicashot.png'/> <a href='http://www.dicashot.blogspot.com'>Administrador</a> <p>AQUI VEM SUA DESCRIÇÂO</p> <div id='BoxDicasHotIcone'> <a href='https://facebook.com.br/'><img src='https://jetara.googlecode.com/files/facebook34.png'/></a> <a href='https://twitter.com/'><img src='https://jetara.googlecode.com/files/twitter342.png'/></a> <a href='https://plus.google.com/'><img src='https://jetara.googlecode.com/files/google_plus421.png'/></a> </div> </div> <!-- Código by DicasHot --> <style> /* Código by DicasHot */ .BoxBloggerDicasHot{height:120px;width:620px;overflow:hidden;float:right;background:url(http://4.bp.blogspot.com/-nI7AmX0JFJc/U3VnBWq42kI/AAAAAAAAESg/ec82uf6tbs4/s1600/Dicashot.png);}.BoxBloggerDicasHot img{height:80px;width:80px;-webkit-box-shadow:0 0 30px #000;box-shadow:0 0 30px #000;overflow:hidden;float:right;border-radius:100px;margin-right:47px;margin-top:21px;margin-left:0;margin-bottom:0;padding:0;border:0;}.BoxBloggerDicasHot a{float:right;text-shadow:1px 1px 5px #111;font:700 23px arial,tahoma;color:#EEE;text-decoration:none;padding:4px;width:200px;margin:0;text-align:right;}.BoxBloggerDicasHot p{margin:0;text-shadow:1px 1px #000;height:75px;margin-bottom:0;margin-left:0;width:355px;color:#E9E8E8;border-bottom:2px solid #222;-webkit-box-shadow:0 1px #555;box-shadow:0 1px #555;overflow:hidden;font:13px tahoma,arial;float:right;direction:rtl;margin-right:30px;margin-top:3px;text-align:right;}#BoxDicasHotIcone{float:left;width:108px;height:32px;margin-top:-4px;}#BoxDicasHotIcone a{padding:0;float:left;width:auto;}#BoxDicasHotIcone img{width:36px;height:32px;-webkit-box-shadow:none;box-shadow:none;border-radius:0;float:left;margin:0;padding:0;background:rgba(0, 0, 0, 0);} /* Código by DicasHot */ </style>
Faça as modificações nas partes destacadas.
Tendo feito isto, basta salvar e pronto!!!
