Cómo poner bocados en los libros | TUTORIAL

¡¡Muy buenas, caóticos y bienvenidos!!

En Hallowen me preguntaron cómo había hecho los mordiscos que aparecían en alguno de los libros de este blog y, sobretodo, en el antiguo, Devoradores de libros.  Así que hoy os comparto el tutorial que hice el año pasado, para que mi compañero y yo pudiéramos usarlo en ese sitio.

¡Veréis que es sencillisimo y podréis aplicarlo en vuestros propios blogs!

Cómo poner un banner con cajita de código

¡Hola, gentecilla!^^

Debido a que muchas veces estoy desaparecida por aquí, para no tener esto tan abandonado, he decidido abrir una nueva sección de tutoriales para blogger, que creo que van a venir bien a más de uno.

Y voy a empezar explicando cómo hacer un banner con cajita de código, como la que hice para mi otro blog :3

<div align="center">
<a href="http://www.d3voradoresdelibros.blogspot.com" rel="nofollow" title="Devoradores de libros" target="_blank"><img src="http://i58.tinypic.com/1e18qh.png" alt="Devoradores de libros" style="border:none;" /></a></div>

Con esta cajita, si alguien quiere afiliarnos, puede llevarse de forma más cómoda nuestro banner a su blog, ya que de otra manera tendría que guardarse la imagen y enlazarla él mismo con nuestro blog. Y eso es algo que por pereza, algunos no harán. De esta manera únicamente tienen que copiar el código y pegarlo en un gadget HTML :D

Es una cosa muy sencillita de hacer, así que vamos a ir por pasos:

1. Partimos de la base de que ya tenéis un diseño de lo que queréis que sea el banner ( Podéis hacerlo con Paint, Gimp, Sai, Picmonkey...)

2. Entráis a Tynipic y subís la imagen. Cuando deis a "Cargar ahora" se generarán los enlaces para compartir. Copiáis y guardáis el último, que termina en "jpg"

3. Vamos a la página de My cool realm,haciendo clic aquí.

4- Rellenamos los campos:

-Título del blog

-URL del blog

-URL de la imagen (La que obtuvimos con tynipic)

-Container type: Textarea ( si usas blogger)

-Colores.

-Altura y ancho

-Abrir en nueva ventana. ( Yo recomiendo que pongáis que sí)

5- Damos a Priew y comprobamos en vista previa como nos quedará. Si nos gusta le damos a generar código "Reload and Get Code" y lo copiamos. (Es el código que nos saldrá debajo)

6-Ahora solo tenemos que copiarlo en un gadget de HTML, o en el HTML de nuestra entrada :D

¿Te ha servido este tutorial?