Tips para tu bloggie

14 de mayo de 2014


Ve lo que los demás ven

A la hora de diseñar tu blog, es muy importante que lo adaptes no solo para tu comodidad, si no también para la comodidad de tus lectores.
Por ejemplo; algo que pocos tienen en cuenta es que no todas las personas tienen el mismo tamaño de pantalla, ¿Qué quiere decir eso?.. que quizás algunas personas con pantallas pequeñas vean por ejemplo algunos gadgets flotantes todos amontonados o en lugares distintos a donde tu crees ponerlos y se les sea difícil leer o navegar por tu blog.. a mi me pasa siempre incluso con la base de la plantilla, el sidebar de algunas plantillas blogskins se ve encima de las entradas, o muy a la derecha|izquierda no entrando en la pantalla. Bueno una solución muy simple a eso es fijarte como queda algo antes de colocarlo, utilizando el zoom de google chrome que funciona con la ruedita del ratón|pad touch y modificando su posición o tamaño de manera en que no moleste en algunos de los zooms. {tampoco exagerar tanto nadie tiene la pantalla tan pequeña o tan grande xD}

Blogs indescifrables 

A veces podemos creer que algunos tipos y colores de fonts quedan muy bonitos en las entradas de nuestro blog, pero debes de tener en cuenta de que si tu blog es sobre cosas personales o relatos donde las entradas son bastantes extensas puede hacerse realmente muy cansador leer con ciertas fuentes.
Por ejemplo:Yo recomiendo para las fuentes de las entradas usar colores #666 ; #222 ; #000 ; y fuentes como Tahoma, Arial o Verdana en 8px de tamaño o más~

También hay que tener en cuenta el color de fondo de las entradas.. a veces hay colores que quedan muy bonitos en conjunto con nuestro diseño, pero siempre es recomendable usar colores claros que no cansen la vista del lector.

200 seguidores + Anuncio~

5 de mayo de 2014


Hago esta entradita para anunciar que ya son 200 angelitos en Wings of my Heart.. muchas gracias a todos por seguirme y ayudarme a hacer crecer poco a poco el bloggie! .. 

Y para celebrarlo organicé un pequeño sorteo por una plantilla actualizada.. 

El ganador recibirá la plantilla actualizada Enchanted Garden que trae:
  • El código de un menu para tutoriales 
  • Un menu de etiquetas 
  • Footer editado en photoshop con el nombre de tu blog 
  • Header echo en photoshop personalizado 
  • Menu principal personalizado 
  • Gadget de mejores amigos 
  • Código de dos cajitas donde escribir {se puede ver un ejemplo en el gadget de créditos}


Capturas



Clip en las imágenes para agrandar

¿Como participar en el sorteo?

Deja un comentario con los siguientes datos:

Nombre:
Url de tu blog:
Correo:
¿Por qué te gustaría ganar la plantilla?

Y debes colocar en algún lugar visible de tu blog la siguiente imagen enlazada a este post:


El sorteo se realizará el día 9 de mayo.. tienen tiempo hasta las 12hs de la noche del dia 8 de mayo  para apuntarse!

Eso es todo.. nos leemos~

Menu de etiquetas

1 de mayo de 2014



  • Para tener un menu de etiquetas en tu sidebar solo debes ir a Diseño | Agregar un gadget | Html/JavaScript y pegar ahi el código de abajo:
<style>
.tagg {
margin-left: 0px;
}
.tagg a{
display:block;
padding:2px;
width: 90px;
font-size: 7pt; /* Tamaño del texto */
font-family: 'arial'; /* Fuente del texto */
color: #fff; /* Color del texto */
margin: 2px;
line-height: 9px;
padding-bottom: 4px;
padding-top: 2px;
text-align: center;
border-radius: 1px;
background: #666; /* Color del fondo */
text-decoration: none;
}
.tagg a:hover{
border-left: 4px solid #222; /* Color del borde */
width: 87px;
color: #222; /* Color del texto */
background: #bbb; /* Color del fondo */
text-decoration: none;
}
.izquierda {float: left; width: 49%; text-align: center;}
.derecha {float: right;  width: 49%; text-align: center;}
</style>
<div class="tagg">
<div class="izquierda">
<a href="url" target="_blank">Love</a>
<a href="url" target="_blank">Love</a>
<a href="url" target="_blank">Love</a>
</div>
<div class="derecha">
<a href="url" target="_blank">Love</a>
<a href="url" target="_blank">Love</a>
<a href="url" target="_blank">Love</a>
</div></div>
Para agregar mas etiquetas en cada fila debes simplemente pegar:
<a href="url" target="_blank">Love</a> 
Debajo de <div class="izquierda"> o de <div class="derecha">

Espero les sea de utilidad.. cualquier duda escribime bloggie.angel@gmail.com