En este post voy a mostrar algunos trucos para la plantilla de diseño de su blog. 


Para empezar les recomiendo tener google chrome ya que es más fácil de usar en blogspot.

Primero vamos a ir a |Diseño|
http://www.blogger.com/rearrange?blogID=7436965481277204480

Una vez que entramos a diseño vamos a la pestaña que dice|Edición de HTML|
http://www.blogger.com/html?blogID=7436965481277204480

Una vez que entramos en Edición HTML vamos a hacer CTRL+R y va a aparecer arriba a la derecha un cartel el cual les va a servir para buscar las palabras...

Para empezar les voy a explicar trucos para los links.. hacemos CTRL+R y buscamos esta palabra: a:hover 
El a:hover es el efecto que se da al pasar el mouse por el link... Acá les voy a dejar unos efectos para que vean como quedaría..

a:hover {
color:#000000; (COLOR EN EL QUE SE VA A CONVERTIR EL LINK AL PASAR EL MOUSE)
text-decoration: line-through; (AL PASAR EL MOUSE EL TEXTO SE VA A TACHAR)
letter-spacing: 2pt; (LA PALABRA TENDRÁ UN ESPACIO MINIMO ENTRE CADA LETRA, DEPENDE DE CUANTO LE PONGAMOS, SI PONEMOS "-1pt;" VAN A QUEDAR LAS LETRAS EN LAS PALABRAS MÁS JUNTAS)
font-style:italic; (EL ESTILO QUE QUIEREN PONERLE A LA FUENTE)
font-weight:bold; (LA FUENTE SE VA A CONVERTIR EN NEGRITA)

También podemos poner efecto arco iris al pasar el mouse en los links


Con un script vamos a dar un efecto de arcoiris al pasar el mouse sobre los links.
Este efecto se aplica para todos los links que tengas en el blog. 
Sólo entra a Diseño > Edición de HTML y pega antes de </head> esto:
<script src='http://dl.getdropbox.com/u/647003/CiudadBlogger/Scripts/rainbowlinks.js'/>


Estos son algunos de los varios efectos que se les puede aplicar al a:hover { tambien pueden hacerlo en a:link { que es donde el link esta intacto sin pasar el mouse sobre él. Pueden personalizarlo a su gusto..  


Muy bien ahora voy a enseñar otro truco que es sencillo y que es también para los links:Cambiar la forma del cursor sobre un link

crosshair
move
wait
progress
text
vertical-text
help
n-resize
ne-resize
e-resize
se-resize
s-resize
sw-resize
nw-resize
w-resize
not-allowed
no-drop
col-resize
row-resize


En el a:hover { quedaría así ...

Por ejemplo:

a:hover {
cursor:move;
color: #0000FF;
text-decoration:none;
}

Solo tienen que poner cursor: LA PROPIEDAD QUE QUIEREN; (no se olviden siempre de cerrar los efectos con un ;)


Espero que les sirva (: cualquier cosa me preguntan