lunes, mayo 1

Biblioteca | ¿Tienes blog? ¿Reseñas libros?

Esta entrada es explicativa para formar parte de la sección "biblioteca". 
Si tienes un blog, ya sea literario o no, donde realices reseñas de libros, seguro te interesara esta especie de proyecto para difundir libros <3

IDEA GENERAL

La idea de esta iniciativa, es dar a conocer, tanto libros para incentivar la lectura, como otros blogs donde sus autores que sean lectores y así agrandar mucho mas la comunidad lectora (principalmente de habla hispana). 

Se trata de armar una lista de libros con sus respectivas reseñas, pero aquí es donde entran otros blogs en juego. Al elegir un libro de la lista, nos enviara a la reseña que hayas realizado en tu blog, el que elijas de los libros sin reseñar de la lista o que sugieras agregar por 'x' motivo a la biblioteca. Cada elección o sugerencia sera evaluada (según los requisitos que mencionare en el siguiente punto) y se avisara en lo mas breve posible si es o no aceptada.

REQUISITOS PARA PARTICIPAR

  1. Tener blog donde reseñes libros seguido o eventualmente, no se aceptaran blog donde solo se haya hecho una reseña para poder participar.
  2. Que el blog sea como mínimo relativamente activo, es decir, que aunque sea que se publique 2 o 3 veces al mes.
  3. Que la reseña contenga: sinopsis, ficha de datos, reseña SIN SPOILER y puntuación personal.
  4. La reseña deberá contener un vocabulario adecuado.
  5. No hay mínimo/máximo de seguidores, cualquiera que cumpla con el punto 1 (uno) puede participar y no es necesario seguir este blog.
  6. Solo puedes elegir o sugerir libros QUE AUN NO ESTÉN RESEÑADOS en la biblioteca.
  7. Solo podrás ocupar en la lista hasta 3 (tres) reseñas.
  8. Pueden ser reseñas de cualquier libro, siempre y cuando se respeten los requisitos (por ejemplo, puede haber reseña de mangas).
  9. Utilizar el siguiente banner en el blog (no es obligatorio, pero ayuda a difundir):
En un gadget (HTML/javascript) pega el siguiente código:
<a href="http://thecountryofcreations.blogspot.com.ar/2016/12/biblioteca.html" target="_blank" alt="biblioteca de reseñas"><img src="https://2.bp.blogspot.com/-qG9LpSa3k_Q/WQVTQlKPevI/AAAAAAAAMjo/VR_Q7CsotCcJCMoALXN0cGKsQd63we-UgCLcB/s1600/BANNER.gif" /></a>

QUIERO PARTICIPAR!

Si decidiste participar, deja un comentario en esta entrada con la siguiente información:
* Nombre mas un mail (nada mas que tu nombre y con el que apareces en bogger).
* URL de tu blog.
* Libro que elijes de la lista o sugieres agregar DEL CUAL YA TENGAS RESEÑA PUBLICADA.
* URL de la entrada donde reseñaste dicho libro.
OPCIONAL: Si tienes bookstagram, también dejalo así te sigo!
Una vez revisado (aceptado o no) se informara y eliminara el comentario de esta entrada, para llevar un control organizado.
¡ESPERO SE ANIMEN A PARTICIPAR!
Suerte, Flè 🍀 

domingo, abril 30

TB | Coloca imagen con texto que aparece

Como están ¿? es traigo otro tutorial y dejare uno programado + la explicación de la sección "biblioteca" para la semana.
Hoy veremos como tener una imagen y que al pasar el cursor por arriba ver cierta información "oculta", el efecto que utilizo en el gadget de "lectura actual" del sidebar derecho →→→

Es un tutorial super sencillo, y se le puede dar mucho usos como por ejemplo: lectura actual, imagen del autor, publicidad de algún otro blog etc.. Vamos a la explicación...

TUTORIAL

Primero y principal, nos vamos a
Tema | Edición HTML | Presiona en el recuadro de code de tu plantilla
Busca (presionando CTRL + F) la siguiente linea:
]]></b:skin>
ARRIBA de ella, pegaras o siguiente:
.tooltip {
    position: relative;
    display: inline-block;
}
.imstext {
background: #eee url('URL AQUI'); /* url de la imagen */
background-size: 200px; /* ancho de la imagen */
width: 200px; /* ancho de la imagen */
height: 200px; /* alto de la imagen */
border-radius: 222px; /* borde redodeado de la imagen */
border: 20px solid #fafafa; /* borde de la imagen */
}
.tit {
    text-transform: uppercase;
    font-family: arial; /* estio de letra del titulo */
    font-size: 11px; /* tamaño de letra del titulo */
    letter-spacing: 3px;
    background: #fafafa; /* color de fondo del titulo */
    padding: 3px;
    color: #999; /* color del titulo */
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 150px; /* ancho del recuadro */
    background: #fefefe; /* color de fondo del recuadro */
    color: #666; /* color de texto del recuadro */
    font-family: arimo; /* estio de letra del recuadro */
    font-size: 12px; /* tamaño de letra del recuadro */
    letter-spacing: 1px;
    padding: 7px;
    border-radius: 6px; /* borde redondeado del recuadro */
    position: absolute;
    z-index: 1;
    text-align: left!important;
    border: 1px solid #eee; /* estilo de borde del recuadro */
}
.tooltip:hover .tooltiptext {visibility: visible;}
.tooltip .tooltiptext {top: -5px; left: 105%;}
.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #eee transparent transparent; /* color de la flecha del recuaro */
}
Luego editas lo marcado a tu gusto y guardas los cambios. Antes da una vista previa para ver si todo esa bien ("recuadro" hace referencia a el cuadradito donde a la información oculta).

Al terminar este paso, nos vamos a
Diseño | Añadir un gadget | HTML/javascript
Allí pegamos lo siguiente:
<center>
<div class="tooltip">
<center><div class="imstext"></div></center><span class="tooltiptext">
<center style="margin-bottom: 3px;">
<i class="tit"> TITLE </i></center>
TEXTO
</span>
</div>
</center>
donde colocaras lo que necesites en donde dice "texto" y le agregas un titulo si gustas donde dice "title". De no querer o no necesitar un titulo, deberás borrar la siguiente linea:
<i class="tit"> TITULO </i></center>
Espero te sirva a la hora de diseñar tu blog!
Cualquier duda o tutorial que necesites, 
escríbeme desde el formulario que puede encontrar en el sidebar.
Mucha suerte, Flè 🍀