Você no Mundo da Blogosfera, e Sempre no Ponto Blogspot

Páginas

Como adicionar um rodapé de créditos personalizado no Blogger



Em templates nativos do Blogger, há uma opção chamada Attribution, ele é uma área de créditos. Para isso, teria que remover com alguns códigos e depois de retirado o blog fia sem os créditos. Hoje, iremos mostrar a vocês como adicionar um rodapé personalizado ao seu blog no Blogger. Então vamos ao tutorial! 


1. Acesse a guia Modelo do seu blog e depois clique no botão Editar HTML. Logo após, pressione Ctrl+F para abrir o Localizador do navegador e procure pelo código a seguir.

]]></b:skin>

2. Após encontrar o código, cole acima dele o seguinte código. Faça as modificações que achar necessárias para deixá-lo parecido com seu blog.

#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 - */
}


3. Pressione novamente o atalho Ctrl+F para abrir o Localizador do navegador e procure pelo código abaixo.

</body>

4. Imediatamente, acima do código cole o seguinte código fazendo modificações.


<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>

Em LINK DO BLOG, você deverá colocar o link do seu blog. Em NOME DO BLOG, você deverá colocar o nome do seu blog. Em URL DO AUTOR DO BLOG, você deverá colocar algum link relacionado ao autor do blog; em NOME DO AUTOR DO BLOG, deverá colocar o nome do autor do blog. E no LINK DA LOGO DO BLOG, deverá colocar uma imagem com o logotipo do blog em tamanho reduzido.


Créditos

Nenhum comentário:

Postar um comentário