Rodape fixo no fim da pagina

Buenas monamus tudo bem? Lá vem a chatonilda com a mesma ladainha de sempre e as mesmas desculpas de sempe hahaha. Faculdade, provas, trabalhos e mais trabalhos e por ai vai.. Não muito diferente de vocês eu acredito né? O que me alegra é que em julho entrarei de FÉRIAS e ficarei um mês coçando a pexereca, sim, porque eu também mereço! ˇεˇ Num guento mais essa vida de universitária e não me canso de dizer isso, até porque só quando vocês estiverem vivendo isso é que irão ver como é froids!

Já viram né que a cada comeback desses kengos liendos é uma trocada de layout né? (*̩̩̩ᵋ *̩̩̩ ) Troco mesmo, e para mim é até bom pois sempre me dá altas inspirações esses comebacks loucos que eles fazem. Mas mudando o foco do post de hoje, uma leitora me pediu para ensinar como por o rodapé fixo no fim da página, algo que para mim é bem simples e sem complicação. Irei ensinar a gambiarra que eu mesmo uso nos meus layouts tá? Eu mesma montei um código que é bem parecido com o footer wrapper que o povo costuma usar, mas fiz de um jeito bem mais fácil certo?

Vá até o seu modelo clique em editar html e dentro dele procure por: ]]skin; e acima dele cole o seguinte código:

#rodape {
text-align: center;
font-family: Muli, sans-serif;
font-size:10px;
color: #COR DA FONTE;
background: url(IMAGEM)repeat-x;
background-position:bottom center;
background-attachment: fixed;
background-size: auto;
z-index: 1000;
width: LARGURApx;
height: ALTURApx;
line-height:ALTURA DA LINHA DO TEXTO TEM QUE TER O MESMO VALOR DO HEIGHTpx;
position: fixed;
bottom: 0px;
left: 0px;
}
#rodape img:hover {
color: #COR DA FONTE EM HOVER;
text-shadow: 1px 1px 1px #COR DA SOMBRA DE TEXTO EM HOVER;
}

Se quiser por texto no seu rodapé pegue o código abaixo e cole ele acima de </body>

<div id='rodape'>ESCREVA O QUE QUISER AQUI</div>

E se quiser apenas a imagem no rodape use o código abaixo:

<div id='rodape'/>