Casinhas \o/

8.7.15

Rodapé do Blog Personalizado

Hello Victorius!
Tudo Bem com Vocês?
A pedido do Túlio (obrigada) hoje eu vim trazer um tutorial de como personalizar o rodapé do blog, esse tutorial eu aprendi no Blog da Nah então créditos a ela.
Preview:
Lerigou the post?

Vá no seu HTML>> CRTL+F  e pesquise por:
]]></b:skin>

ANTES dele cole:
#rodape-creditos {
font:normal bold 13px Arial;   /* - Fonte do rodapé - */
color:#FFFFFF;   /* - Cor da fonte - */
background:#303030;   /* - Cor de Fundo do Rodapé - */
border-top:4px solid #3F4C6B;     /* - Edite a borda - */
margin:0px 0px 0px;     /* - Não é necessário editar - */
}
#rodape-creditos a:link {
color:#A8B5C4;   /* - Cor dos Links do Rodapé - */
text-decoration:none;  /* - Decorações do Link - */
outline:0px solid #FFFFFF;  /* - Não é necessário editar - */
}
#rodape-creditos a:visited {
color:#A8B5C4;    /* - Cor dos Links Visitados - */
text-decoration:none;   /* - Decoração dos Links Visitados - */
outline:0px solid #FFFFFF;   /* - Não é necessário edittar - */
}
#rodape-creditos a:hover {
color:#A8B5C4;   /* - Cor do Link com o Mouse em cima - */
text-decoration:underline;    /* - Decoração do Link com o mouse em cima - */
outline:0px solid #FFFFFF;    /* - Não é necessário edittar - */
}

Em azul, é onde fica o background, caso queira uma imagem substitua por:
background: url(URL DA IMAGEM);
Agora procure por:
 </body>
ANTES dele cole:
<div id='rodape-creditos'>
<table border='0' cellpadding='5' cellspacing='0' oncontextmenu='return false' ondragstart='return false' width='100%'>
<tr>
<td style='width:72%;text-align:left;'>&#169; <a href='LINK DO BLOG'>NOME DO BLOG</a> - 2012. Todos os direitos reservados.<br/>Criado por: <a href='URL DO AUTOR DO BLOG' rel='nofollow' target='_blank'>NOME DO AUTOR DO BLOG</a>.<br/>Tecnologia do <a href='http://www.blogger.com' target='_blank'>Blogger</a>.</td>
<td style='width:28%;text-align:center;'><a href='LINK DO BLOG'><img alt='imagem-logo' border='0' id='logo-footer' oncontextmenu='return false' ondragstart='return false' src='LINK DA LOGO DO BLOG'/></a><br/></td>
</tr>
</table>
</div>
Onde está amarelo recomendo não tirar pois está o link do Blogger, caso tire pode ter sérias punições do Google ao seu blog.

E prontinho!
Fica lindo e não é tão dificil!
Obrigada ao túlio que pediu! Peçam mais tutoriais!
Beijos Vii

7 comentários:

  1. Oii Vii!O SC ontem a noite foi excluido :(
    Mas recuperei,acho que fui hackeada O.o
    Fica tão fofo personalizado,com a logo então <3
    Beijos <3

    ResponderExcluir
    Respostas
    1. Oi Isy! Nossa! Troque sua senha!
      Fica mesmo, obrigada!
      Beijos

      Excluir
  2. é um ótimo tutorial,muito simples,mas eficaz!
    beijos >3<
    Meninas na Web <3

    ResponderExcluir
  3. Que tutorial simples,bonito e prático ❤
    Bjs

    ResponderExcluir

✗Não fale palavrões, deixe sua opinião mas com educação
✗Aceito Tags
✗Deixe o link do seu blog, irei visitá-lo
✗Troco comentários
✗ Antes de pedir algo, fale sobre o post.
✗Aceito: ¨Segue de volta" e caso parar se seguir o VV também paro de seguir seu blog.
✗Enfeite seu comentário:웃 ღ ♡ ❤ ❥ ❦ ∴ △ ∞ ☆ ★ ✖  。◕‿◕。 ® ™ ☏ ℡゚✤ ❝ ❞ ✥ ✦ ✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✻ ✺ ✹ ✸ ✷ ₪ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✶ ✵ ✴ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❖ ▲ ▼ △ ▽ ⊿ ◤ ◥ ◣ ◥ ● ❣ ✐ ✎ ✏ ✍ ✆ ☎ ✄ † ✞ ✝ ⌚۩  ๑ ۩ ۞ ๑  & ☗ ☖ ☑ ☒ ☓☟ ☠ ☡ ☢ ☣ ☤ ☥ ☦ ☧ ☨ ☩ ☪ ☫ ☬ ☭ ☮ ☯ ➹◎ ☁ ☀ ☃ ☂ ♣ ♥ ☼ ✗ ✘ ✚ ✪ ✣ ✤ ✥ ☠ ♢ ♤ ♡ ♧ ☽ ☾ ◯ ☚ ☛ ☜ ☝ ☞ ☟ ✌ ☼ ☀ ❂ ☁ ☂ ☃ ☄ ☾ ☽ ❄ ☇ ☈ ⊙ ☉ ℃ ℉ ° ❅ ✺ ϟ ⓘ ⓛ ⓞ ⓥ ⓔ ⓨ ⓞ ⓤ ∞ ♪ ♫ ♩ ♭ ♯ ♬ ♔ ♕ ♖ ♗ ♘ ♙ ♚ ♛ ♜ ♝ ♞