200 seguidores + Anuncio~

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}

Vista previa

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~

Seguir leyendo

Menu de etiquetas

• 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

Seguir leyendo

Menu: Lost Memory

Preview

Para colocar este menu en tu bloggie solamente debes ir a Diseño | Añadir gadget | HTML/JavaScript y pegar el siguiente código (para plantillas blogskins debes colocarlo debajo de </style> )

<style>
.rainbow {
  position: fixed;
  width: 80px;
  position:fixed;
  left: 200px;    top: 50px; }
/* Cajitas */
.cubito a{
  width: 48px; /* ancho de la caja */
  padding-top: 18px;
  padding-bottom: 18px;
  background: #ECF3F0; /* color de la caja */
  border: 2px solid #FAF8F3; /*  borde de la caja */
  font-family: arial;  /* fuente del texto */
  font-size: 11px; /* tamaño del texto */
  color: #222; /* color del texto */
  text-shadow: 1px 1px 1px #bbb; /* sombra del texto */
  text-decoration:none;
  text-align: center;
  display: inline-block;
  transition: .2s;
  margin:4px; /* separación entre las cajas */
}
/* Cajitas Hover */
.cubito a:hover{
  color:#666; /* color del texto*/
  width: 60px; /* ancho de la caja */
  text-decoration:none;
  text-shadow: none;
  transition: .2s;
  -webkit-animation: shadow 5s infinite; /* efecto de la sombra */
}
/* Gracias a thecircus-x.blogspot.com */
@-webkit-keyframes shadow {
0%   {box-shadow: inset 0px 0px 2px 2px #D6E5DF;}
25% {box-shadow: inset 0px 0px 4px 4px #D6E5DF;}
50% {box-shadow: inset 0px 0px 6px 6px #D6E5DF;}
75% {box-shadow: inset 0px 0px 4px 4px #D6E5DF;}
100% {box-shadow: inset 0px 0px 2px 2px #D6E5DF;}
}
</style>
<center>
<div class='rainbow'>
<div class='cubito'>
<a href="url">Home</a><br/>
<a href="url">About</a><br/>
<a href="url">Site</a><br/>
<a href='url'>Links</a><br/>
</div>
</div>
</center>

Ahora lo editas a gusto y ya está .. 

Seguir leyendo