Como colocar una cortinita a tu blog

8 de diciembre de 2013



Para decorar tu bloggie con bonitas cortinas, ya sea en la parte superior-inferior-derecha o izquierda, debes:

Primero buscar con Ctrl + F </body> y colocar abajo el código correspondiente al tipo de cortina que quieres:

Cortina en la parte superior:


<div style=" background-image: url('URLDETUCORTINA'); top: 0px; left: 0px; width: 100%; height: 50px; z-index: 100; position: fixed;"></div>

Cortina en la parte inferior:

<div style=" background-image: url('URLDETUCORTINA'); bottom: 0px; left: 0px; width: 100%; height: 15px; z-index: 100; position: fixed;"></div>

Cortina en la parte derecha:


<div style=" background-image: url('URLDETUCORTINA'); top: 0px; right: 0px; width: 50px; height: 100%; z-index: 100; position: fixed;"></div>

Cortina en la parte izquierda:


<div style=" background-image: url('URLDETUCORTINA'); top: 0px; left: 0px; width: 50px; height: 100%; z-index: 100; position: fixed;"></div>


Remplazan el texto por su url y listo, puedes usar varias a la vez como la de la izquierda y derecha. Espero les sirva el tuto~

Mañana publico algunas cortinitas como recurso.. si quieren pueden pedirme de algún color y la hago~

Efecto hover para icons de redes sociales

7 de diciembre de 2013


Hola mis queridos angelitos .. hoy les traigo un tutorial por fin. Es uno super sencillo pero con un resultado muy bonito. Espero les guste~

Vista previa


Para tener este efecto en tu bloggie solo debes hacer lo siguiente:

Paso 1

Primero busca con Ctrl + F  ]]></b:skin> y pega el siguiente código arriba:

.contenedor img{width: 40px;}
.contenedor:hover img {opacity: 0.4;}
.contenedor img:hover {opacity: 1;}

Tamaño que tendrá tu icon o imagen - recomiendo que tu imagen sea de tamaños iguales. Por ejemplo 40px por 40px.

Paso 2

Luego debes pegar el siguiente código en un gadget HTML/JavaScript:

<div class="contenedor">
<a href="link" target="_blank"><img  src="urldetuimagen"></a>
<a href="link" target="_blank"><img  src="urldetuimagen"></a>
</div>

Remplaza las urls y listo ♥

Si quieren también lo pueden aplicar en la zona de afiliados o en cualquier parte que quieran {hay miles de posibilidades} .. Espero les haya gustado, cualquier duda la dejan en un comment o pueden escribirme a mi correo.. besos