Esse eu gamo <3
Para quem não sabe, é o Gadget onde você pode deixar 3 imagens para quem entrar no seu Blog escolher, clicar e mudar. E é muito fácil:
Entre no seu Blog:
Design > Layout > adicionar um gadget > HTML/Java Script
Nesse novo Gadget, cole:
<div class='widget HTML' id='HTML7'>
<h2 class='title'>Mude o Fundo!!</h2>
<div class='widget-content'>
<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 FUNDO 1)"});
});
});
$(document).ready(function(){
$("#background02").click(function(){
$("body").css({"background":"url( URL DO FUNDO 2)"});
});
});
$(document).ready(function(){
$("#background03").click(function(){
$("body").css({"background":"url( URL DO FUNDO 3)"});
});
});
</script>
<center><a href="javascript:void(O)" id='background01' title="1"><img
src="URL DO FUNDO 1" /></a>
<a href="javascript:void(O)" id='background02' title="2"><img
src="URL DO FUNDO 2" /></a>
<a href="javascript:void(O)" id='background03' title="3"><img
src="URL DO FUNDO 3"
/></a></center></div>
</div></div>
Em URL DO FUNDO 1 você coloca a primeira imagem;
Em URL DO FUNDO 2 você coloca a segunda imagem;
Em URL DO FUNDO 3 você coloca a terceira imagem.
Ops: Coloque a mesma imagem duas vezes em cada; se você mudar não funciona.
Exemplo: OLHEM O MEU!!!
Nenhum comentário:
Postar um comentário