Crear links de descargas directas con Google Drive

Es muy útil a la hora de tener que subir pequeños archivos para compartirlos en tu bloggie.. a la hora de descargar es muy cómodo ya que no te re direcciona a ningún lado.. y en mi caso que soy una perezosa me salva de andar registrándome en paginas de descargas.

  

Para hacerlo debes primero iniciar sesión en tu cuenta de google+ y dirigirte a Google Drive, una vez allí debes hacer clip en Subir y seleccionar tu carpeta o archivo..

Cuando lo hagas te aparecerá una ventanita que indica que esta cargando..

Una vez que se el archivo se cargue por completo le das clip en compartir ...

Te saldrá una ventana, copias el link y te aseguras de que el archivo este compartido de forma publica..

Una vez que copies el link debes sacar de este el id de tu archivo..

Ej: mi link https://drive.google.com/file/d/0B3tg4gWKfU_iNlRpdnQ4ZEg2VE0/edit?usp=sharing
solo  sirve lo que está en negrita, según tu link lo copias y lo pegas en el siguiente código:

https://docs.google.com/uc?export=download&id=acavaelIDquecopiaste

Por ejemplo: https://docs.google.com/uc?export=download&id=0B3tg4gWKfU_iNlRpdnQ4ZEg2VE0

Y ya esta listo tu link de descarga .. pueden probarlo haciendo clip en el link de arriba se les descargará una imagen de agradecimiento nada más.

Nota:
Deben tener en cuenta que el pequeño inconveniente que existe es que a veces el navegador bloquea las descargas de este tipo.
Para desbloquearlo solo hay que hacer clip en permitir siempre donde muestra la imagen de abajo:

Eso es todo espero les haya sido de utilidad el tutorial ♥

Seguir leyendo

Como colocar una cortinita a tu blog

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~

Seguir leyendo

Efecto hover para icons de redes sociales

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 ♥

Seguir leyendo