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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEielDzzZL0S8larxR841ZNkx0fcJrIkhf5sTuyfK1ITEO2kj9_Pr1t2Olxc0_5H0HusNE6D7SR_1v9o1H9i0pyjcz42ubeSQApR9Fb8Upadtd5wLX0VsZei4B6mEXL0aYBri32o_VUt2YM/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM51rJbi-kaMlF4SbWCtoj9gn1raR-VpzkNDNu26-eyqBBEmo22bF_uoz7FOUQ1BQ6weqa6jprs-4Go29_Gr0t-aiDrpZFlehFo5TML2HBWRuDYkOY07nd4_HU0vaTIeCCaRTV6A6VhCo/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!!!
