viernes, 15 de noviembre de 2013

Guardar en PDF los temas del blog

Guardar en PDF los temas del blog

Botón Guardar en PDFPara hacerlo vamos a usar un código, que nos va a crear un botón para guardar los temas del blog, en formato PDF
Desde la pagina web de Web2pdfconvert:
http://www.web2pdfconvert.com

Tenemos que entrar en el blog, nos vamos a Plantilla, en la parte superior derecha encontramos un botón que pone:

Crear/Restablecer copia de seguridad

Pulsamos ese botón, se nos abre una ventana donde vamos a pulsar en:

Descargar plantilla completa

Para así tener una copia de la Plantilla por lo que pueda pasar

Una vez realizada la copia de seguridad de la Plantilla, pulsamos el botón que pone:

Editar HTML

Nos ponemos en la primera linea de la plantilla

Pulsamos control+f de nuestro teclado

Nos sale un cuadro de búsqueda

Ponemos en ese cuadro de búsqueda:

<div class='post-footer-line post-footer-line-3'>

Pulsamos Intro en nuestro teclado

Si no aparece esta línea, buscamos esta otra:

<p class='post-footer-line post-footer-line-3'>

Debajo de la primera línea que encontremos, pegamos el código siguiente:

<script type='text/javascript'>
    var
    pdfbuttonlabel=&quot;Guardar en PDF&quot;
    </script>
    <script src='http://www.web2pdfconvert.com/pdfbutton.js' type='text/javascript'/>

Para guardar los cambios pulsamos en el botón donde pone:

Guardar plantilla

Ya podemos ver debajo de cada tema un botón de guardar en PDF
________________________

Fuente del código:
http://www.web2pdfconvert.com/pdf-button.aspx#cid9
________________________

9 comentarios :

  1. Siguiendo tus instrucciones he añadido el icono de "Guardar en PDF" a los temas de mi blog http://hatteras-blog.blogspot.com.es/

    Muchas gracias.

    ResponderEliminar
  2. Hola Nicasio Benlloch

    Si que te ha quedado bien, me alegro de que haya funcionado
    Gracias a ti por comentar

    Saludos

    ResponderEliminar
  3. Hola Luis. Soy nuevo como blogero y estoy tratando de implentar la opcion "guardar en pdf" siguiendo tus instrucciones. He buscado la instruccion que dices en el codigo htlm y la que consigo aunque similar no es igual: div class='post-footer-line post-footer-line-3'><span class='p. Que tengo que hacer? pegar el codigo que dices antes de <span class='p. o lo pongo despues de esto. Gracias por anticipado

    ResponderEliminar
    Respuestas
    1. Hola Jose Luis Profe ELE

      Copia el código y pégalo en la siguiente linea, después de: div class='post-footer-line post-footer-line-3'><span class='p en tu caso

      Saludos

      Eliminar
    2. Hola Luis. Gracias por tu pronta respuesta. Voy a probar. Espero que funcione. Me parece una opcíón bastante práctica. Gracias por compartirla. Saludos

      Eliminar
    3. Hola Luis. Lo puse como me dijiste pero no funciona. aparece el boton para convertir a pdf pero al intentar hacerlos tarda un monton y luego me da un mensaje de error que dice "The conversion is not successful". Otra consulta que queria hacerte, ese codigo convierte a pdf todo el blog o solamente la entrada particular que uno esta viendo?. Saludos y gracias anticipadas por tu ayuda

      Eliminar
    4. Hola Jose Luis Profe ELE

      Te convierte a pdf solo la pagina que se ve en pantalla

      Saludos

      Eliminar
  4. Hola Luis. Se puede poner el codigo debajo de otra instruccion htlm

    ResponderEliminar
    Respuestas
    1. Hola Hola Jose Luis Profe ELE

      Es posible, prueba a ver si funciona, lo importante es que este antes de < / b o d y > no tiene espacios lo pongo así por que no me deja responder

      Saludos


      Saludos

      Eliminar