Búsqueda personalizada

7 de abril de 2010

Cambiar los fondos de blogger

Te gustaría que tus usuarios cambiaran el fondo de tu blog a sus conveniencia.

Cambia los fondos de tu blog con un sencillo código.

Así es como queda:







¿No te gusta el fondo del blog? ¡Cámbialo por otro!








Instálalo de forma sencilla con un solo paso:



Puede ponerse directo en una entrada (en el caso de los blogs de diseño) o bien en un elemento HTML/Javascript, sólo hay que pegar lo siguiente:


<div style="text-align:center;">¿No te gusta el fondo del blog?
¡Cámbialo por otro!</div><br />

<center><a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://3.bp.blogspot.com/_dsEG33PDaHw/S4A1JuFysnI/AAAAAAAAAKM/AJ1kNfl4Q44/s400/orange.png)'; document.body.style.backgroundColor='none';"><img style="width:40px;height:40px;" src="http://4.bp.blogspot.com/_dsEG33PDaHw/S4A2tyL2oXI/AAAAAAAAAK0/9NsvM2bvs-Y/s200/body-orange.jpg" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://1.bp.blogspot.com/_dsEG33PDaHw/S4A1JXwtxKI/AAAAAAAAAKE/q7F2plFK8x0/s400/luxury-lining.gif)'; document.body.style.backgroundColor='none';"><img style="width:40px;height:40px;" src="http://2.bp.blogspot.com/_dsEG33PDaHw/S4A2ttOlZCI/AAAAAAAAAKs/UVjrJY9cDC0/s200/body-luxury.jpg" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://3.bp.blogspot.com/_dsEG33PDaHw/S4A1I3gppfI/AAAAAAAAAJ8/KYfkRAls_uY/s400/intertwined.gif)'; document.body.style.backgroundColor='none';"><img style="width:40px;height:40px;" src="http://2.bp.blogspot.com/_dsEG33PDaHw/S4A2tQlatBI/AAAAAAAAAKk/-hYbABUFnEY/s200/body-intertwined.jpg" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://1.bp.blogspot.com/_dsEG33PDaHw/S4A1H6Sf-7I/AAAAAAAAAJs/XjvJh0mpU5o/s1600/dead-revolutionaries.gif)'; document.body.style.backgroundColor='none';"><img style="width:40px;height:40px;" src="http://1.bp.blogspot.com/_dsEG33PDaHw/S4A2s33LNFI/AAAAAAAAAKU/zy1HfovQTDQ/s200/body-deadrevo.jpg" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://3.bp.blogspot.com/_dsEG33PDaHw/S4A1ImdyDNI/AAAAAAAAAJ0/6JX_-bspT98/s400/horton.gif)'; document.body.style.backgroundColor='none';"><img style="width:40px;height:40px;" src="http://1.bp.blogspot.com/_dsEG33PDaHw/S4A2tLdeyTI/AAAAAAAAAKc/A73MVxDHcUo/s200/body-horton.jpg" /></a>
</center>


Puedes agregar más imágenes de fondo o cambiar los de este ejemplo, sólo remplaza la URL de la imagen (está dos veces) por la tuya.



En caso de querer agregar más imágenes agrega al código esta parte:



<a href="javascript:void(0)"   onclick="javascript:document.body.style.backgroundImage='url(URL de la imagen)';   document.body.style.backgroundColor='none';"><img   style="width:40px;height:40px;" src="URL de la   imagen" /></a>


La URL de la imagen se pone dos veces donde se indica, la primera es la que se aplicará como fondo y la segunda es la de ejemplo para que el lector haga click.

0 opiniones:

Publicar un comentario

Hola , el blog nesesita tu commentario asi que por favor escribe lo que tu de verdad quieras

Posicionamiento en buscadores

El secreto del Posicionamiento en Google está en los enlaces. Los buscadores valoran la popularidad de un sitio por el número de enlaces hacia el mismo y su calidad. Sin duda el posicionamiento web y el link building es un paso clave para cualquier blog.

Posicionamiento en buscadores

 

Copyright © 2011 Marketing y Posicionamiento en Internet. Trucos blogger | Design by Kenga Ads-template