#BLOGGER: Rodapé personalizado

Oi Gente! o tutorial de hoje é um estilo diferente de rodapé, já vários blogs/sites usando, então eu adaptei um código de outro post do blog - pra quem não viu é esse aqui - é bem fácil de usar, clique em "Mais informações" para conferir o tutorial completo.

1 - Vá em Modelo> Editar Html e pesquise a tag ]] e cole esse código antes dela.

 #rodape {
background: #eee; 
height: 120px; 
padding-top: 10px; 
text-align: center; 
color: #bbbbbb; 
font-size: 12px; 
font-family: 'Arial', sans-serif; 
letter-spacing: 1px;
}

#rodape a {  
text-align:left; 
text-decoration: none;
color: #de8693; 
padding: 1px; 
margin: 10px;
-webkit-transition-duration: 0.8s; 
}
#rodape a:hover {
color: #fff; 
background: #de8693; 
padding: 1px;
-webkit-transition-duration: 1.0s;
}

2 - E esse código antes da tag </body>.

<div id='rodape'>
<div style='margin-left:230px;'> <img ALIGN='left' height='60px' src='http://static.tumblr.com/utmut0z/VsCnppcn9/looo.png'/> </div>

<div style='margin-right:650px;'>
<b> AQUI  </b>
  <br/>
<a href='http://SEULINK.COM'>SEU</a><br/><a href='http://SEULINK.COM'>SEU</a><br/><a href='http://SEULINK.COM'>SEU</a><br/><a href='http://SEULINK.COM'>SEU</a><br/>
</div>

<div style='margin-right:325px; margin-top:-70px;'>

<b> SEU</b>
  <br/>

<a href='http://SEULINK.COM'>SEU</a><br/><a href='http://SEULINK.COM'>SEU</a><br/><a href='http://SEULINK.COM'>SEU</a><br/><a href='http://SEULINK.COM'>SEU</a><br/>
</div>


<div style='margin-right:20px; margin-top:-70px;'>
<b> TITULO </b>
  <br/>
<a href='http://SEULINK.COM'>SEU</a><br/><a href='http://SEULINK.COM'>SEU</a><br/><a href='http://SEULINK.COM'>SEU</a><br/><a href='http://SEULINK.COM'>SEU</a><br/>
</div>
  <br/>
<br/>
Edição e Design: <b>Sugoi Tutoriais</b>
|| Todos os direitos reservados  &#169; 2015

</div>

Se você tiver alguma dúvida, entre em contato conosco pelo Facebook ou comente nesse post.

Obrigada pela visita! Deixe sugestões de tutoriais nos comentários.