E isso que eu vou postar hoje pra vocês,muito obrigado ao blog,The Fashion Wonderland pelo tutorial*--*Clique em Leia Mais para ver o tutorial↓
Primeiro, escolha 3 backgrounds que combinem com seu blog, claro, e guarde a url de cada um.
Depois, vá em Design Adicionar um Gadget HTML/JavaScriptE cole o seguinte código no gadget:
<style>
#backgrounds a img{
width:40px;
height:40px;
display:inline;
margin-right:10px;
margin-top:15px;
border:2px solid #FFFFFF;
}
#backgrounds a:hover img{
border:2px solid #FFEC8B;
}
</style>
<div id="backgrounds">
<script src='http://code.jquery.com/jquery-1.6.2.min.js' type='text/javascript'></script>
<script>
$(document).ready(function(){
$("#background01").click(function(){
$("body").css({"background":"url(URL do primeiro background)"});
});
});
$(document).ready(function(){
$("#background02").click(function(){
$("body").css({"background":"url(URL do segundo background)"});
});
});
$(document).ready(function(){
$("#background03").click(function(){
$("body").css({"background":"url(URL do terceiro background)"});
});
});
</script>
<center><a href="javascript:void(O)" id='background01' title="1"><img src="URL do primeiro background" /></a>
<a href="javascript:void(O)" id='background02' title="2"><img src="URL do segundo background" /></a>
<a href="javascript:void(O)" id='background03' title="3"><img src="URL do terceiro background" /></a></center>
Agora, é só editar o código. Rosa: Cor da Borda.
Laranja: Cor da Borda quando passa o mouse.
Vermelho: Endereço do background.
Bom gente linda,como vocês viram é bem simples e comigo funcionou tomara que funcinem com vocês também!Ah e para saber as cores visite a Tabela de cores,clicando aqui.
Obrigada :D perfeito 8-8
ResponderExcluirOi!!!Adorei o tutorial.Bjs e parabéns pelo blog lindo!
ResponderExcluir