Box Com Informações Sobre o Administrador do Site Para Blogger
Nesta postagem venho compartilhar aqui com vocês está box bem elaborada para colocar no seu blog. A box mostra algumas informações sobre você. Isso facilita muito para a pessoa, pois, ela fica sabendo quem é o dono e administrador do blog. A box também contém um espaço para divulgar seu twitter e Facebook pessoal. Enfim. Espero que gostem.
Para colocar no blogger é bem simples... Entre em "Modelo" - "Editar HTML", dê um Ctrl + F e procure pela tag
]]></b:skin>
Tendo encontrada a tag, cole ACIMA dela o seguinte código/*Box Com Informações Sobre o Administrador do Site by DicasHot
====================*/
#authorboxakaUTta {
background:#333 url(http://2.bp.blogspot.com/-L5Tvv0yJrr4/TvsFt-Mh82I/AAAAAAAACC0/9eva5jXci8U/s1600/about_author.jpg) no-repeat scroll left top;
width:auto;overflow:hidden;color:#fff;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;
margin:5px auto;padding:40px 10px 10px 20px;}
.author_getar{position:relative}
#authorboxakaUTta:hover {-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, .3);-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, .3);box-shadow:0px 0px 20px rgba(0, 0, 0, .3);}
#authorboxakaUTta h6 {font-size:17px;clear:none;text-shadow:0px 0px 0 rgb(10,11,12), -1px -1px 0 rgb(4,5,6),-2px -2px 1px rgba(0,0,0,0.25),-2px -2px 1px rgba(0,0,0,0.5),0px 0px 1px rgba(0,0,0,.2);
margin:0;font-family:Arial;padding:10px 10px 5px;}
#authorboxakaUTta .author_small {font-style:italic;}
#authorboxakaUTta img {-webkit-transition:-webkit-transform .15s linear;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.25);-moz-box-shadow:0 3px 6px rgba(0,0,0,.25);padding:5px 5px 5px 5px;-webkit-transform:rotate(+2deg);-moz-transform: rotate(+2deg);float:left;border:4px solid #04a5d1;margin:10px;padding:0;}
#authorboxakaUTta img:hover {-webkit-box-shadow:0 3px 6px rgba(0,0,0,.5);-moz-box-shadow:0 3px 6px rgba(0,0,0,.5);-webkit-transform:rotate(-1deg);-moz-transform:rotate(-1deg);}
#authorboxakaUTta p {color:#F9EAD4;text-shadow:0px -1px 1px rgb(3,3,3);margin:0;font:normal 14px bedizen;padding:0 10px 10px;}
#authorboxakaUTta a {color:#089fc9;}
Agora, procure pela tag<data:post.body/>
Ou <div class='post-footer'>
Ou <div class='post-footer-line post-footer-line-1'>
Tendo encontrado um dos códigos, cole ABAIXO dele o seguinte código<b:if cond='data:blog.pageType == "item"'>
<div id="authorboxakaUTta" class="author_getar" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this);top.focus()" onclick="top.focus()">
<img alt='' src='https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash2/c170.50.621.621/s160x160/1234826_440661866049521_840286520_n.jpg' height='100' width='100'/>
<h6><a href="http://www.dicashot.blogspot.com/" title="Posts by Admin" rel="author">Postagens elaboradas por Samuel Chagas'</a></h6>
<p>Sou estudante, mas, quando tenho um tempo livre sou postador de dicas e tutoriais diversos.</p> <p>Siga-me no <a href="https://twitter.com/Samuel12Oficial">Twitter</a> Ou <a href="https://www.facebook.com/samuel.chagas.54">Facebook</a> !!</p></div>
</b:if>
É nessa parte que você terá que personalizar com as suas informações. Eu deixei minhas informações, mas, você pode ir modificando. Estão destacadas as partes modificáveis.Agora, por último, procure pela tag
</head>
Tendo encontrado, ACIMA dela cole o seguinte código <script src="http://ut2a-4down-blogspot-com.googlecode.com/files/akaUTta_Getar.js" type="text/javascript"></script>
Agora, basta salvar e pronto!!!Deixe seu comentário.
