Best Blog

HE SIDO NOMINADA POR P.a.G.s y LIBROS



El Best Blog consiste en lo siguiente:
-Contar 11 cosas sobre ti
-Respoder a las preguntas de quien te nominó. 
-Formular 11 preguntas. 
- Nominar a 11 bloggers con menos de 200 seguidores y notificarles de la nominación. 


11 cosas sobre mí
1. Soy diseñadora gráfica/web
2. Sigo la carrera de Ingeniería en Informática
3. Odio el chocolate
4. Solo tengo a seis personas que considero como amigos
5. Me he teñido el pelo cinco veces
6. Tengo dos cuadernos llenos de historias/relatos y solo dos de ellas salieron a la luz
7. Me interesa la política y economía del país
8. De parte de mi madre soy alemana (por antepasados) y por parte de mi papá soy española
9. Tengo un perrito llamado lucas y es como un hijo. Tiene las mismas actitudes que tuve yo de chiquita
10. Hubo un tiempo en el que estaba, algo así como, obsesionada con registrarme en foros de traducción y corrección de libros
11. No tengo segundo nombre


Mis respuestas
1. ¿Por qué iniciaste tu blog?
Quería tener un lugar en el cual compartir mis hobbies y mis diseños.

2. ¿Tu lugar favorito para leer?
Mi habitación y preferentemente de noche.

3.¿Te gusta hacer retos literarios?
De vez en cuando.

4. ¿Te gusta sacar fotos a tus libros?
Lo he hecho un par de veces cuando me pedían ver mi biblioteca pero por gusto de hacerlo, no tanto.

5. ¿Persona favorito de Harry Potter?
Hermione

6. ¿Alguna adaptación que te gustara más que el libro?
No, hasta el momento no he encontrado ninguna.

7. ¿Qué genero es el que menos te gusta?
Romance.

8. ¿Tu libro favorito?
Predestinados - Josephine Angelini

9. ¿Cuántos libros has leído este 2017?
Ninguno hasta ahora.

10. ¿Primer libro que leíste?
Ya no lo recuerdo, tenía seis años.

11.Si tuvieras que matar a un personaje ¿cuál sería? 
Dafne Atreo de Predestinados - Josephine Angelini


Mis preguntas
1. ¿Qué género lees con mayor frecuencia?
2. De todos los libros que has leído, ¿cuál ha sido el que te más te decepcionó? 
3. ¿Qué libro quieres leer pero no encuentras el momento?
4. ¿Qué sientes cuando te interrumpen en tu lectura, cuando es una parte super interesante?
5. ¿Cuántos libros en físico tienes?
6. ¿Has prestado algún libro y no te lo han devuelto?
7. ¿Eres de marcar la página en donde te has quedado con un doblez en la hoja?
8. Si alguien escribiera uno de tus libros, ¿Qué harías?
9. ¿Cuál es tu pareja favorita de un libro?
10. ¿Cuál sería la pareja que desearías que estuvieran con alguien más?¿Por qué?
11. ¿Escribes historias? Si es así, ¿en qué te inspiras?


Nominados:


¡ESO ES TODO!


Cómo Expandir y contraer gadgets en la sidebar

¡Hola!

Aquí traigo otra de las dudas que me dijeron en COMUNIDAD BLOGGER ARGENTINA.

Aquí les dejo un ejemplo con el gadget de Archivos del blog.

¡Empecemos!
Para comenzar modificaremos como ejemplo el gadget de Archivos del blog.

  1. Ir a Plantilla - Crear/Restablecer copia de seguridad
  2. Ir a Plantilla - Editor html
  3. Click en la ventana de código y hacer Ctrl+f
  4. Buscar <b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive' version='1' visible='true'>
  5. Deben desplegar esto: <b:includable id='main'>...</b:includable>
  6. Van a ver que aparece esto:

Ahora bien, verán que aparece esto:

 <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><data:title/></h2>

Deberá quedar así:
 <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><span id='expandirGadget1' style='cursor:hand;cursor:pointer;'>
&#9660;
<data:title/></span></h2>

Lo que está en celeste es lo que se agregó.
  <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><span id='expandirGadget1' style='cursor:hand;cursor:pointer;'>
&#9660;
<data:title/></span></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>

Debajo de <div class='widget-content'> deben colocar:
<div class='expandir1' style='display: none;'>

Luego queda algo así:
<b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><span id='expandirGadget1' style='cursor:hand;cursor:pointer;'>&#9660;<data:title/></span></h2>
  </b:if>
  <div class='widget-content'>
<div class='expandir1' style='display: none;'>  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:include cond='data:style == &quot;HIERARCHY&quot;' data='data' name='interval'/>
    <b:include cond='data:style == &quot;FLAT&quot;' data='data' name='flat'/>
    <b:include cond='data:style == &quot;MENU&quot;' data='data' name='menu'/>
  </div>
  </div>
</div>
  <b:include name='quickedit'/>

Arriba de <b:include name='quickedit'/> deben colocar lo siguiente:
<script>$(document).ready(function(){$(&#39;#expandirGadget1&#39;).click(function(){$(&#39;.expandir1&#39;).slideToggle(&quot;slow&quot;)})});</script>
Ahora deben ver en Vista Previa que no haya ningún error y aparezca la flecha al lado del título del gadget.


¡ESO ES TODO!


Liebster Award #2

¡Hola!

He sido nominada por LeeBooks. Gracias por nominarme <3

Las reglas de la nominación son las siguientes:

1. Agradecer y seguir al blog que te nominó, en mi caso, nuevamente gracias a La Alfombra Roja de la Lectura.
2. Responder a las preguntas que te haga el blog que te nominó.
3. Nominar 5 blogs con menos de 200 seguidores.
4. Realizar 11 preguntas a los blogs que nomines.
5. Avisar a los blogs que has nominado.


Preguntas realizadas por LeeBooks:

1. ¿Que te impulsó a abrir el blog?
La curiosidad de saber cómo funcionaba Blogger. Este es el primer blog que creé.

2. ¿Cuanto tiempo tienes en tu blog?
Este blog lleva abierto alrededor de tres años y medio.

3. ¿Que libro te ha quitado el sueño y hecho reflexionar?
No leo libros que caigan dentro de esa categoría ya que leo mucho del género fantasía, paranormal y misterio/suspenso. 

4. ¿El mejor personaje literario en la historia es...?
Rafael de El ángel caído escrito por Nalini Singh.

5. ¿Escribes? Y si es así, comparte un poco de lo que escribes.
Sí, escribo desde que tengo seis años y actualmente tengo publicada mi historia Cristal (Las crónicas de Aedendor)

6. ¿Odias a algún personaje? ¿Por qué?
Michaela de El ángel caído escrito por Nalini Singh. Es una arcángel egoísta, egocéntrica y una asesina a sangre fría hacia cualquier mujer que amenace contra su puesto como la más bella. Reinos han caído gracias a su seducción y engaños. Ella quiere acostarse con Rafael pero no lo logra ya que al arcángel le gustan las mujeres guerreras como Elena Deveraux y no una arcángel que luego de tener sexo, lo decapitaría para tener más poder en sus manos.

7. ¿Que te gusta conseguir en un libro?
Como principalmente busco sagas, series o trilogías, me gusta encontrar una historia original que me atrape. Me gustan aquellas que detallan las situaciones y sientes como si estuvieras allí observando todo desde las sombras.

8. ¿Que tiene que tener un libro para ser bueno?
Son muchas cosas pero en sí, yo creo que buena ortografía, coherencia, un buen desarrollo ya que hay historias que todo sucede demasiado rápido y no comprendes qué sucedió, mantener las características de los personajes (me he encontrado con libros en donde el protagonista era morocho de ojos verdes y luego es rubio de ojos celestes). Soy demasiado crítica en estas cosas por lo que decir qué debe tener un libro para ser bueno me llevaría bastante tiempo.

9. ¿Cuál libro has leído varias veces?
El ángel caído de Nalini Singh

10. ¿Por qué te gusta leer?
Me transporta a un mundo paralelo, me olvido de todo e imagino la historia en mi cabeza. Como si fuera una película. 

11. ¿Cuál es el libro que siempre has querido leer y nunca has podido?
La saga Covenant de Jennifer L. Armentrout 


Mis blogs nominados:
Mis preguntas:
  1. ¿Cuántos libros en físico tienes?
  2. ¿Cuál es tu género favorito?
  3. ¿Escribes historias?¿Desde cuando lo haces?¿De qué género?
  4. ¿Cuál es el personaje que no sabes si odiar o amar?
  5. ¿Qué libro es el que creías que sería muy bueno y resultó siendo todo lo contrario?
  6. ¿Eres Shipper?¿De quienes?
  7. ¿A qué escritora calificarías como la peor?
  8. ¿Qué pareja de un libro, hubieses deseado que no fueran justamente una pareja?
  9. ¿Sos de hojear las últimas páginas del libro?
  10. ¿Qué haces si alguien te hace un spoiler del libro que aún estás leyendo?
  11. ¿Te ha gustado alguna película basada en un libro?¿Cuál?

¡Eso es todo!

Diseño de la caja de comentarios Parte 2: Tamaño y forma del avatar del comentarista

¡Hola!
Les he preguntado en COMUNIDAD BLOGGER ARGENTINA qué tutoriales quieren que haga en mi blog. Uno de los pedidos me lo ha hecho Francisco Vogt del blog Perdido entre los libros.

Muchos siempre tienen la duda de cómo modificar el tamaño del avatar en la zona de comentarios, o su forma. Dependiendo de la plantilla de un blog, el código a modificar es distinto así que tendremos que hacer uso de Inspeccionar en este caso.

¡Empecemos!

  1. Deben ir a Plantilla - Crear/Restablecer copia de seguridad (PASO OBLIGATORIO)
  2. Plantilla - Editor html
  3. Dar click en el cuadro de código y hacer Ctrl+f
Ahora bien, en otra ventana deben abrir su blog y en una entrada con comentarios, hacer click derecho sobre el avatar de alguien que comentó y dar Inspeccionar. 

En mi caso es este:
.comments .avatar-image-container img {
En otros casos puede ser:
<div class="avatar-image-container">

  1. Volvemos a la ventana de código (si dentro de la caja de código no aparece la ventanita del buscador, hagan Ctrl+f nuevamente) y buscan el código que hayan obtenido de su avatar. Puede llegar a suceder que aparezcan varias líneas bajo ese elemento y/o etiqueta. Yo me guiaré por el primero que pasé arriba ya que es el que tengo. Cuando aparece una llave { , significa que a continuación aparecerán datos que definen a ese elemento/objeto. En este caso nos referimos al avatar. 
  2. Debería aparecer height y width como atributos, en este momento es cuestión de probar a base de prueba y error. Algo a aclarar es que está en la mayoría el border-radius, tengan cuidado ya que si modifican height y width, también deben modificar el border-radius para que no deforme a la circunferencia. Si lo que quieren es que sea cuadrado el avatar, solo deben borrar la línea de border-radius.
  3. En esto es necesario estar guardando plantilla pero sin salir de la ventana de código sino tener otra ventana en el navegador con el blog abierto e ir actualizando para ir viendo los cambios. En caso de que no les guste el cambio, vuelven a la ventana de código y hacen click dentro. Luego hacen Ctrl+z hasta que se deshagan las modificaciones.

¡ESO ES TODO!

  

Marquesina de imágenes con zoom al pasar el mouse [100% mío]

¡Hola!

Esto se parece al tutorial Imágenes efecto zoom al pasar el mouse encima. La diferencia es que esta es una marquesina que pueden colocar tanto en una entrada como en un gadget.

¡Empecemos!
  1. Plantilla - Crear/Restablecer copia de seguridad (PASO OBLIGATORIO)
  2. Plantilla - Editor html
  3. Hacer click en el cuadro de código y hacer Ctrl+f
  4. Buscar ]]></b:skin>
  5. Arriba de la etiqueta colocar:
  6. RECORDAR QUE PARA COPIAR CÓDIGO DEBERÁN HACER CLICK EN view raw

      6. Dar en Vista Previa y si no hay ningún error, Guardar plantilla.

Ahora, como es una marquesina les enseñaré cómo colocarla en un gadget.

      7. Ir a Diseño - Añadir un gadget - HTML/Javascript
      8. Lo que deben pegar es:
      RECORDAR QUE PARA COPIAR CÓDIGO DEBERÁN HACER CLICK EN view raw

ACLARACIÓN: El ancho (width) y el alto (height) de la imagen es el que yo puse como tamaño de las portadas de libros pero puede modificarse a gusto, recuerden no borrar el px.

¡ESO ES TODO!

  

Imágenes efecto zoom al pasar el mouse encima

¡Hola!

Como ya saben de varios tutoriales, para colocar estos efectos deben ir directamente a modificar la plantilla. Este es el efecto.

¡Empecemos!

  1. Plantilla - Crear/Restablecer copia de seguridad (PASO OBLIGATORIO)
  2. Plantilla - Editor html
  3. Hacer click en el cuadro de código y hacer Ctrl+f
  4. Buscar ]]></b:skin>
  5. Arriba de la etiqueta colocar:
  6. RECORDAR QUE PARA COPIAR CÓDIGO DEBERÁN HACER CLICK EN view raw

      6. Dar en Vista Previa y si no hay ningún error, Guardar plantilla.
      7. Ir a Entradas - Crear nueva entrada.
      8. Colocar una imagen y luego dar click en HTML.

Aparecerá algo así:
<div class="separator" style="clear: both; text-align: center;">
<a href="LINK DE IMAGEN" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" class="zoom" height="250" src="LINK DE IMAGEN" width="200" /></a></div>
<br />

Deberán agregar el class="zoom" como aparece allí. Esto deberán hacerlo con cada imagen que deseen que aparezca así.

Si quieren que se aplique a todas las imágenes de sus entradas sin necesidad de modificar cada imagen, El código que deberán colocar arriba de ]]></b:skin> será:


¡Eso es todo!

  

No dejar seleccionar el texto de tu blog

¡Hola!

Hay muchos que además de bloquear el botón derecho del mouse, también bloquean la selección del texto. Y aquí les traigo el tutorial.


  • Deben ir a Plantilla - Crear/restablecer copia de seguridad
  • Ir a Editor html
  • Dar click Ctrl+f dentro del cuadro de código y buscar </body>
  • Arriba de esa etiqueta colocar lo siguiente:

¡Y ESO ES TODO!