Hoje o tutorial é bem simples, mas deve-se prestar atenção: Mudar o Fundo do Blog em um Clique. Aprendi no blog Trashy Girl, então créditos dados ^^ Vamos ao tutorial?
Vá em Layout e adicione um gadget de HTML/Javascript. Nele, cole o seguinte 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>
Essa cor representa a borda sem passar o mouse.
Essa cor representa a borde quando passar o mouse.
Em todos os lugares com essa cor vocês devem colocar a URL do fundo 1.
Em todos os lugares com essa cor vocês devem colocar a URL do fundo 2.
Em todos os lugares com essa cor vocês devem colocar a URL do fundo 3.
Onde está em Itálico, vocês devem colocar o título dos fundos quando passar o mouse.
Super fácil, não é?
Espero que tenham gostado!
Beijos,
Mrs. Nightshade.
Nenhum comentário:
Postar um comentário