Créditos no Footer/Rodapé com logo

Yo bunnies! Todos abemos como é importante o crédito no rodapé do blog, tanto para quem disponibiliza quando para quem usa. Esse estilo de rodapé da um ar mais organizado e profissional. Esse estilo de rodapé oferece muita mais personalização do que o famoso Rodapé Simples, claro que o simples é meu eterno querido. 

Eu já havia postado esse tutorial a um bom tempo, mas resolvi atualizar e jogá-lo de volta ao topo. É isso, até a próxima!

.::Exemplo::.

1. Abra sua conta no blogger, escolha qual blog deseja aplicar. Vá em HTML e usando Ctrl+F procure ]]></b:skin>, acima dele cole:

Códigos

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

2. Ainda HTML procure por  </body, ao achar acima do código cole:

Códigos

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

Mude as partes onde se pede e prontinho!

Modifique o código para que fique como desejado ou adequado ao seu layout, esse é o tutorial de hoje espero que tenham gostado. Antes de terminar quero passar os créditos ao blog site #Categoria Blogger foi lá que achei esse tutorial, então obrigada.