Carregando atualizações...

X

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 == &quot;item&quot;'>
<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. 

Programa de Afiliados Cursos 24 Horas

NOSSO CANAL
VER TV A CABO ONLINE GRÁTIS
TV ONLINE 1.0