Tutorial: 3 backgrouns no blog

Oiee meus bezerros gordos esperando pra virar churrasco! Tudo bem?? Faz tanto tempo que não posto, mil desculpas por isso \o/ Hoje eu vim postar um tuto muito legal e que agente usa! É o 3 backgrounds no blog! Pra começar, créditos ao Cherry Bomb, que foi ele que fez o tuto: www. Prontinho agora vamos ao tuto!

Read more

Html/ Java Script

Adicione um gadget Html/ Java Script dentro dele cole este código:

<style>#estilo a img{width:40px;height:40px;display:inline;margin-right:10px;margin-top:15px;border: 2px solid #EEE;}#estilo a:hover img{border: 2px solid #bdebff;}</style><div id="estilo"><script src='http://code.jquery.com/jquery-1.6.2.min.js' type='text/javascript'></script><script>$(document).ready(function(){ $("#bgcolor1").click(function(){ $("body").css({"background":"url(http://i748.photobucket.com/albums/xx122/luuuh/backgrounds/maenvenenadabackgrounds46.gif)"}); });});$(document).ready(function(){ $("#bgcolor2").click(function(){ $("body").css({"background":"url(http://i748.photobucket.com/albums/xx122/luuuh/backgrounds/maenvenenadabackgrounds36.gif)"}); });});$(document).ready(function(){ $("#bgcolor3").click(function(){ $("body").css({"background":"url(http://i748.photobucket.com/albums/xx122/luuuh/backgrounds/03.png)"}); });});</script><center><a href="javascript:void(O)" id='bgcolor1' title="Normal"><img src="http://i748.photobucket.com/albums/xx122/luuuh/backgrounds/maenvenenadabackgrounds46.gif" /></a><a href="javascript:void(O)" id='bgcolor2' title="Título Aqui"><img src="http://i748.photobucket.com/albums/xx122/luuuh/backgrounds/maenvenenadabackgrounds36.gif" /></a><a href="javascript:void(O)" id='bgcolor3' title="Título Aqui"><img src="http://i748.photobucket.com/albums/xx122/luuuh/backgrounds/03.png" /></a></center></div>

Entenda o código:

Vermelho - Você irá colocar a url do fundo1, as cores se repetem então nos dois a mesmo url
Laranja - Você irá colocar a url do fundo2, as cores se repetem então nos dois a mesmo url
Verde - Você irá colocar a url do fundo3, as cores se repetem então nos dois a mesmo url
Rosa - Quando passarem o mouse sobre a imagem irá aparecer uma janelinha escrito o que você quer que seja escrito então edite...
Lilás - Estilo da borda sem passar o mouse
Azul - Estilo da borda ao passar o mouse

Pronto fácil né?