Editar detalles En la Plantilla de Blogger: Titulo del post (hover)

Holiiis n-n respecto a la entrada anterior me fué  casi toda esa tarde era más explicativa pero no pude tenia ya el orificio dormido de tanto estar sentada bueno éste post se tratará de algunos detalles para un blog kawaii n-n bueno : contemos:

Recuerda: son sólo algunas de las maneras en las que puedes cambiar el aspecto de los enlaces cuando pasas el puntero por encima de ellos. Es lo que se conoce como hover.

ONE- Pasen el cursor por el titulo del post ...


TWO- Ve a :
Plantilla
Edital HTML
<b:skin>...</b:skin>

THREE-Luego busca:
/* Posts
----------------------------------------------- */
Te diriges a
h3.post-title {
 
FOUR- copia el titulo de la sección y pegalo debajo al cierre ( } ) de dicha sección  :
h3.post-title { y añade hover:

De esta manera:
h3.post-title: hover{

FIVE- Hagamos un Ejemplo:

 Supongamos que en tu plantilla se encuentra de la siguiente forma:

h3.post-title {
margin: 0;
  font: $(post.title.font);
background:#ddd;
text-align:center;
border-left:10px solid #000;
}

A continuación, le agregaras el cuarto paso, con las caracteristicas que quieras cambiar, en este ejemplo el efecto hover solo se aplicará en el color del borde del post :

h3.post-title: hover{
border-left:10px solid #eee;
}

 Y listo , en vista previa no se aprecia, en tal caso que no se cumpla al momento guardar no te preocupes no alterará nada.

Tutorial 100% KEI

2 comentarios:

Heartless Osborn dijo...

Nos seguimos~
Y no se puede comentar en la entrada ya que en los cambios de la plantilla los bloquee ^^'

Lee Rae Mi dijo...

waa kei!!hermaita..gracias
por la tuto!!
saludos

Participo en..

Nada

ASK~~

Creditos

Plantilla:#sencillo · editado por:Kei · con ayuda de:1234 · imágenes sacadas de Tumblr