Annyz-BlOg : Cambiar el fondo del blog a eleccion.
para COPIAR los codigos usa la tecla Ctrl + C y para PEGAR usa la tecla Ctrl + V gracias :) El Blog Se visualiza mejor con Google Chrome..

02 noviembre 2014

Cambiar el fondo del blog a eleccion.



Este gadget le da un toque interactivo a tu blog, ya que el lector puede cambiar el fondo del blog a eleccion...suena entretenido vdd? y lo es, por lo menos a mi en lo personal me gusta ya que si no me gusta el fondo que pusieron al blog, elijo otro xD 




Es muy facil de poner ya lo veran :)

Primer paso.- Anda a Plantilla >> Edicion de HTML y antes de ]]></b:skin> pegas este pequeño codigo:

 #cutie a img{
width:50px;
height:50px;
display:inline;
margin-right:10px;
margin-top:15px;
border: 1px dashed #FFE1F6;
}
#cutie a:hover img{
border: 2px solid #bdebff;
}

 Segundo paso: Ve a diseño y abre un gadget html y pegas ahi el siguiente codigo:

<center>
<img src="http://media.tumblr.com/tumblr_m3xxyaSlJQ1rodiav.gif"/></center>
<div id="cutie">
<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(URL DE PRIMER FONDO)"});
            });
});
$(document).ready(function(){
            $("#bgcolor2").click(function(){
                        $("body").css({"background":"url(URL DEL SEGUNDO FONDO)"});
            });
});
$(document).ready(function(){
            $("#bgcolor3").click(function(){
                        $("body").css({"background":"url(URL DEL TERCER FONDO)"});
            });
});
</script>
<center>
<a href="javascript:void(O)" id='bgcolor1' title=" "><img src="URL DEL PRIMER FONDO" /></a>
<a href="javascript:void(O)" id='bgcolor2' title=" "><img src="URL DEL SEGUNDO FONDO" /></a>
<a href="javascript:void(O)" id='bgcolor3' title=" "><img src="URL DEL TERCER FONDO" /></a>
</center>
</div>

Tercer paso: Guardas y listo :)!

Ahora solo tienes que poner las url/direcciones del fondo que te guste oki ^^!



9 comentarios:

  1. Esto me hubiera venido bien en esos diseños en los que no sabía cual de los mil fondos poner =(

    ResponderEliminar
  2. pues preciosa muchas gracias por la tuto~!^^
    saludos

    ResponderEliminar
  3. esta muy creativo, para las personas indecisas como yo :D
    Anyzz tengo una duda sobre un tutorial que hiciste, a dónde te puedo mandar mi duda ? por favor no es tan difícil :3
    gracias

    ResponderEliminar
    Respuestas
    1. hola Dayan me da mucho gusto que te haya gustado ^^! si gustas dime por este medio la duda que tengas no hay problema.!!

      Eliminar
  4. Que lindo! ^-^
    Tengo un pequeno problemita, pero tengo miedo de que me insulten por eso. Hahaha :(

    ResponderEliminar
  5. Este comentario ha sido eliminado por el autor.

    ResponderEliminar