Gadget: varios fondos a tu blog


                   

Bueno como estoy muy entretenida y debia compensar la ausencia del blog, voy a hacer un tutorial super facil y que vi en varios blogs, quedando un detalle simple pero a la ves muy lindo. el tutorial no es muy nuevo pero yo voy a hacer mi propia version
Para ver como quedaria el efecto click (x)

Te gusto? muy bien, para hacerlo es super mega facil lo unico que debes hacer es abrir un gadget en donde quieras que esten los fondos a elegir:
Gadget nuevo/HTML javascrip (creo que se escribe asi , tanto tiempo y aun no me acuerdo)
y colocas el codigo:




<style>#backgrounds a img{width:60px;height:50px;display:inline;margin-right:10px;margin-top:15px;border: 2px solid #CORDABORDA;}#backgrounds a:hover img{-webkit-filter:grayscale(1);-webkit-transition:all 1s ease; border: 2px solid #CORDABORDA;}</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(BACKGROUND 1)"}); });});$(document).ready(function(){ $("#background02").click(function(){ $("body").css({"background":"url(BACKGROUND 2)"}); });});$(document).ready(function(){ $("#background03").click(function(){ $("body").css({"background":"url(BACKGROUND 3)"}); });});</script><center><a href="javascript:void(O)" id='background01' title="TÍTULO"><img src="URL DEL BACKGROUND 1" /></a><a href="javascript:void(O)" id='background02' title="TÍTULO"><img src="URL DEL BACKGROUND 2" /></a><a href="javascript:void(O)" id='background03' title="TÍTULO"><img src="URL DEL BACKGROUND 3" /></a></center></div>

Editas lo que esta en mayuscula, yo hice mi versión poniéndole 6 fondos tu puedes quitar cuantos quieras 
No olvides Creditos a Korean Suite ~
Deja tu hermoso comentario ~


No hay comentarios:

Publicar un comentario

- No de spam.
- No malas palabras.
- Respeta al administrador y a los usuarios del blog
- Deja tu hermosa firma
Aqui algunos Emoji que puedes usar:
(ノ◕ヮ◕)ノ*:・゚✧ (=ω=;) (◕‿-) (✿ ♥‿♥) (づ。◕‿‿◕。)づ (•⊙ω⊙•)