Como poner Documentos para descargar en tu blog

miércoles, 13 de agosto de 2014

Hola, hoy traigo un tutorial que te puede ayudar para poner enlaces de descarga en tu blog...




Esta entrada es debida a un pregunta de Terenya (Con mis ojos y mis manos), ya que cuando publiqué la semana pasada la entrada de Haz tu propio Memory, me pidió que le contase como había puesto lo de descargar el PDF con los dibujos... Y como ya hacía tiempo que no publicaba nada de la sección Blogueando, pues me pareció una buena entrada...


Os voy a contar por un lado como hice estos con plantillas para poder usar en la organización de la boda... Estos los subí a Dropbox (te tienes que registrar, vamos tener cuenta), y luego siguiendo los pasos que se indican aquí se consigue el enlace, para poner en el blog (sería igual que otro enlace cualquiera) y así se podría descargar el fichero... Ahora utilizo más la herramienta de google para esto Drive.

Supongo que todos tenéis cuenta en google, no?? Pues tenéis el google drive, yo es como hago los formularios para el blog (lo vi en Mama quiero ser blogger)...

Como subir el archivo, pues super fácil en el botón de subir...



Al pulsar el botón te salen varias opciones, y se selecciona Archivo...




 Con lo que te sale la pantalla para buscar el archivo a subir en tu PC, lo seleccionas y ya estaría...




Luego sale la pantalla ahí en la esquina inferior derecha, y está el enlace de Compartir... Se pulsa...



Con eso os aparece el enlace que se tiene que poner en el blog, pero ahora viene lo importante para que quien quiera descargarlo pueda (este error lo cometí yo el otro día, menos mal que me aviso una chica), y es cambiar la privacidad... Entonces se pulsa "Cambiar..."



Aquí decides que privacidad poner, yo puse público... Se guarda... Y Fin...

Pones el enlace en el blog y ya tienes un documento para que descarguen desde tu blog... Y para acabar quiero dejaros unos cuantos botones para descarga... Espero que os molen... Son muy sencillos, pero bueno... Para descargar alguno de los botones que os dejo, pulsar el botón... jjj

https://drive.google.com/drive/folders/0B13hKYrA6BJHS0drNUV0dXFCNXc

Por cierto ya que tenemos botón para descargar, queréis saber como hacer que la imagen tenga el enlace al que queréis ir (en este caso al documento que se quiere descargar), pues es tan sencillo como en el código html (botón html que tenemos en la edición de la entrada) de la imagen, sería algo así:

<a href="https://ruta de descarga" title="botones de descarga"><img src="https://ruta de la imagen.jpg" width="2210" height="2210" alt="botones de descarga"></a>

La parte azul, donde pone ruta de la descarga, será donde se ponga el código copiado de google drive, y en la parte morada, sera la ruta de la imagen, donde la hayáis alojado.

No se si he dejado algo claro, o lo he complicado mas... Cualquier duda no dudéis en preguntarme, y si como Terenya tenéis alguna duda, o algo que os mole de mi blog, y queráis que os cuente como lo he hecho, pues tenéis mis redes sociales, o correo para preguntarme, yo estaré encantada, y si además de vuestras dudas saco otro Blogueando mejor que mejor...

Ahora mismo estoy intentando solucionar lo de que la resolución del blog sea algo automático para cada resolución, pero es dificil, cosa de CSS me han comentado, si consigo enterarme como va, os lo cuento... 

Como siempre digo, esto es como lo hago yo, posiblemente habrá formas mejores, pero yo es la que conozco, y la que os cuento... Y como siempre no soy experta, soy usuaria y estoy aprendiendo... Y además acepto sugerencias... 

Saludines y buen día...

10 comentarios :

  1. De sencillos nada de nada...botones muy molones!!!!!!!
    besitos

    ResponderEliminar
    Respuestas
    1. muchas gracias... no se me dio ayer por hacerlos de cara a la entrada... saludines

      Eliminar
  2. Mola!! Es una información muy interesante y los botones son chulísimos, ¿los has diseñado tú?

    Besines!

    ResponderEliminar
    Respuestas
    1. Muchas gracias, si los hice yo muy sencillinos con picmonkey que es muy facil de usar... saludines

      Eliminar
  3. Buen tutorial, yo lo vi hace tiempo en otro blog y lo has explicado muy bien. Lo que te iba a decir es que:
    Sabes que no hace falta poner el codigo html para dirigir el botón a la descarga?
    Si tu pones la foto, clicas sobre ella y le das a enlace, al poner el enlace, se crea el código sólo y cuando clicas en la foto va a la página deseada.

    Te lo digo porque así es como lo hago yo y es más fácil, almenos para mi ^^ Un beso guapa!

    Laura

    ResponderEliminar
    Respuestas
    1. Te doy toda la razon, es que lo puse pensando como lo hago yo... Yo no subo las fotos desde blogger, yo las subo a flirk y desde ahi tengo que añadir el html de la foto... Entonces por eso lo pongo asi, porque es como subo yo las fotos... Pero si conocia tu forma... que es cuando subes fotos directamente desde blogger... Yo ya me acostumbre al html, ademas como curro con el... saludines

      Eliminar
  4. Qué genial!! me voy a guardar tu tutorial porque nunca se sabe! Si cuando lo use tengo dudas, te preguntaré... creo que voy a pensar en poner algo para descargar y así usarlo...
    Un abrazo y disfruta de tus vacaciones!!

    ResponderEliminar
    Respuestas
    1. Me alegra que te guste, y como siempre si tienes dudas me preguntas sin problema... saludines

      Eliminar