Ya he publicado un par de tutoriales de entradas relacionadas con imagen en miniatura,pero el truco que traigo como lo dice el titulo trae incorporado el efecto Hover,si no sabes que es el efecto hover entonces te lo explico:
El efecto Hover consiste en la alteración del aspecto de un elemento de la interfaz gráfica cuando se sitúa el puntero sobre el mismo, pero no se ha seleccionado aún.
El efecto queda de la siguiente manera:
El script pertenece a Spice Your Blog y le hice algunos cambios para adaptarlo a nuestran necesidades.
Para agregar este truco pega antes de ]]></b:skin> lo siguiente:
Para instalarlo en vuestro Bloc solo tenéis que seguir estos pasos:
1 Un clic en “Plantilla”
2 Un clic en “Editar HTML”
Ahora se te abrirá el Editor HTML de tu plantilla
En este punto deberás presionar la tecla “Control” de tu teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de tu editor,
debes esperar unos segundos hasta que se muestre, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor,
3 Busca el siguiente código
]></b:skin>
Cuando lo hayas Encontrado el código deberás insertar las siguientes líneas de código justo arriba del código que encontraste
Ahora debajo de <div class=’post-footer’> (buscas esta linea con los artilugios expandidos) agrega lo siguiente:
Un clic en Plantilla
Un clic en “Editar HTML”
Ahora se le abrirá el Editor HTML de su plantilla
En este punto deberás presionar la tecla “Control” de su teclado seguido de la tecla “F” para que aparezca
el buscador integrado en la parte superior derecha de su editor, aquí es donde tendrás que insertar
el código para buscarlo e insertar los códigos correspondientes en el editor,
a continuación mire la imagen la cual le muestra como debe aparecerle el buscador en el editor HTML
de su plantilla y así pueda colocar el código en el buscador al momento que yo diga busca este código.
Buscador de la Plantilla
(buscas esta linea con los artilugios expandidos) debajo de <div class=’post-footer’> agrega lo siguiente:
Por ultimo guardas los cambios y Guardar plantilla
Fecha de la Publicación; 18/11/2020
Fuente miltrucosblogger.
Publicado por:
0 comentarios:
Publicar un comentario