Hooy meninas,
Eu aprendi um tutorial bem legal no Girls Online que é de como adicionar um gadget que muda o background do seu blog com apenas um clique,fica bem legal mais para isso o cabeçalho do seu blog tem que ter o fundo transparente,Vamos lá?
Primeiro copie esse código
<style>
#estilo a img{
width:50px;
height:50px;
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(COLE AQUI O URL DO PRIMEIRO BACKGROUND)"});
});
});
$(document).ready(function(){
$("#bgcolor2").click(function(){
$("body").css({"background":"url(COLE AQUI O URL DO SEGUNDO BACKGROUND)"});
});
});
$(document).ready(function(){
$("#bgcolor3").click(function(){
$("body").css({"background":"url(COLE AQUI O URL DO TERCEIRO BACKGROUND)"});
});
});
</script>
<center><a href="javascript:void(O)" id='bgcolor1'
title="NOME DO PRIMEIRO BACKGROUND "><img src="COLE AQUI O URL DO PRIMEIRO BACKGROUND
" /></a>
<a href="javascript:void(O)" id='bgcolor2' title="NOME DO SEGUNDO BACKGROUND "><img src="COLE AQUI O URL DO SEGUNDO BACKGROUND"
/></a>
<a href="javascript:void(O)" id='bgcolor3' title="NOME DO TERCEIRO BACKGROUND "><img src=" COLE AQUI O URL DO TERCEIRO BACKGROUND"
/></a></center>
</div>
Onde está destacado de vermelho é a largura das imagens do background que aparecerá no seu gadget
Onde tem escrito NOME DO .... BACKGROUND é o nome que aparecerá quando a seta estiver em cima do background.
Depois é só IR EM DESIGN,ADICIONAR UM GADGET HTML/JAVA SCRIPT E COLE O CÓDIGO LÁ.
Vai ficar assim:
créditos da imagem: Girls Online
Bom gente todos os créditos como no inicio do post,vão ao vlog Girls Online,espero que tenham gostado.
Beijos e fiquem com Deus^^
5 comentários:
Já sabia fazer flor *--* É faacinho, faacinho ^^
Beeijos, beeijos :* http://loucosporgoodies.blogspot.com.br/
Me ajudo muito, já tava a mó tempão querendo achar esse tutorial, obrigadaaa!
fannydream.blogspot.com
Oi linda, é minha primeira vez aqui e já gostei de tudo! E gostei da dica, talvez eu use no meu blog.. Emfim, beijões e adorei tudo! Ô/
Gabi {http://yogo-berry.blogspot.com/}
hoy hoy flor.Amei este tuto,só n vo fazer agora,pq ta tarde da noite.aqi são 22:33.Bjs obg pela visita la no blog
http://so-pra-teens.blogspot.com/
Muiito boom,liindo o blog, as postagens muito interessante ...
sempre virei visitar,na verdade já coleeei aqui viu beijoss*--*
--->Seguindo<---
http://acilesullan.blogspot.com.br/
http://tutorizand-o.blogspot.com.br/
http://esportebahiameuamor.blogspot.com.br/
http://alexandradefesadosanimais.blogspot.com.br/
Postar um comentário