Tips para tu blog


¿Has visto algo en mi blog o en algún otro que te ha encantado y te gustaría ponerlo en el tuyo? 
¿Tienes poco conocimiento de diseño de páginas web y no sabes que hacer?

Déjame ayudarte un poco con esta nueva sección donde encontrarás tutoriales sencillos para agregar algunas cosas muy bonitas a tu blog.

Tutoriales disponibles

Da clic en cada tema para mostrar su contenido
♥ Cinta que muestra las reseñas más recientes con animación ♥

Todos hemos visto en otros blogs una bonita cinta que trae las portadas de varios libros y que se mueve de un lado a otro, pues bien, yo les traigo una forma sencilla de agregarla a su web y que incluso se detiene cuando el lector pasa sobre ella. Cabe destacar que es una forma más limpia de hacerla que el famoso "marquee" que tal vez hayan visto por ahí.

Esto es más trabajoso que complicado, así que te pido que pongas mucha atención a lo que haremos a continuación.

Paso 1. Para crear la cinta de libros debes crear un gadget en tu blog del tipo HTML/Javascript y pegar el siguiente codigo al principio:

<style> @-webkit-keyframes marquee {
0% { text-indent: 20px }
100% { text-indent: -485px }
}

.marquee {
overflow: hidden;
white-space: nowrap;
animation: marquee 22s linear infinite;
-webkit-animation: marquee 22s linear infinite;
}

.marquee:hover {
-webkit-animation-play-state: paused;
animation-play-state: paused;
} </style>

<p class="marquee">

el código de los libros va aqui

</p>

Paso2. Después usaremos este código para cada libro:

<a href="link-de-tu-entrada"><img src="link-de-la-imagen-a-mostrar" width="76px" /> </a>
Para obtener el link de la imagen solo debes dar clic derecho sobre tu imagen y seleccionar "Copiar Dirección de imagen". Luego la pegas en vez del texto amarillo que dice "link-de-la-imagen-a-mostrar".

Cambia los links como dice la parte subrayada en amarillo y luego pegas el codigo ya con tus links agregados en donde dice el código de los libros va aqui

Deberás hacer el Paso 2 cada vez que quieras agregar un libro a la cinta, cuidando de que < /p> siempre quede al final de todo el código que hay en el gadget.
♥ Cómo poner links/enlaces a otras páginas o a tu blog ♥

Para poner un link con texto personalizado en tu página o en un comentario usa el siguiente código:
<a href="link">texto-personalizado</a>

Sustituye link por la página a dónde quieres que lleve tu link/enlace, por ejemplo http://www.rawrbooks.com y cambia texto-personalizado por lo que quieres que diga, por ejemplo "Visitame" o "Te espero en mi blog".

Al final te quedará algo como esto:

Visitame
Te espero en mi blog

Cuando tu o tus lectores den clic sobre el enlace los llevará a la página que hayas elegido, en este caso, a la página principal del blog.

♥ Modificar el resumen que hace blogger de cada entrada ♥

A muchos nos ha pasado que al ver el resumen de las entradas en la página principal no es lo que nos gustaría, esto sucede porque blogger lo crea tomando automáticamente las primeras 80, 100 o 200 palabras que hayamos escrito y esto no siempre le funciona a todos.

Para evitarlo te dejo un truquito que te permitirá poner el resumen que tu quieras en la página principal. Tan solo deberás copiar este código hasta arriba de todo el texto de la entrada a la que le quieres cambiar el resumen:

<span style="display: none;">tu-resumen-aquí</span>


Cambia tu-resumen-aquí por el resumen que deseas que aparezca en la página principal, tomando en cuenta que aparecerá el número de caracteres que hayas configurado en tu plantilla de blogger. Te aclaro que el resumen solo será visible en la página principal, por lo que no debes preocuparte por esconderlo de tu entrada o post, ya que no será visible ahí.


Espero les guste y si necesitan ayuda no duden en dejar un comentario o contactarme por alguna red social, pero sobre todo no olviden apoyarme siguiendo mi blog si esta sección les ayudó en algo.

4 comentarios:

  1. Hola.Yo quiero saber como haces que las entradas se vean a un lado y cómo colocas una imagen en el encabezando pero que tenga una textura diferente en el cuerpo, por favor

    ResponderEliminar
    Respuestas
    1. Hola! Si gustas puedes enviarme un correo de preferencia con las capturas de ejemplo de lo que quieres lograr :)

      mi correo es rawrbooksblog@gmail.com

      Eliminar
  2. Gracias! acabo de poner la cinta de las reseñas! :)

    ResponderEliminar
    Respuestas
    1. Genial! disculpa la tardanza en la respuesta, respecto a este post puedes enviarme correo directamente para que te eche la mano con lo que necesites!

      Eliminar

Mi blog es un pequeño dinosaurio que se alimenta de comentarios, gracias por dejar un bocadillo para él ♥