AQUI TUS NOTICIAS DE INTERNET Y MUCHO MAS: Compartiendo entradas en PDF con Blogger u otro sistema

miércoles, 1 de junio de 2011

Compartiendo entradas en PDF con Blogger u otro sistema

printfriendly es un servicio que te permite generar fácilmente publicaciones a formato PDF, solo introduces la URL y luego generará el documento. Adicionalmente te suministra diversas opciones que puedes personalizar y que te permitirán agregar a tu sitio enlaces o botones (imágenes) que al clikearlos mostraran una vista previa del documento el cual puede ser editado antes de la impresión o la conversión a PDF.

Debes obtener tu botón aquí, ahí mismo encontraras una guía de como instalar luego el código que el sitio genera dependiendo de si es para una Web, Blogger, Wordpress, etc, para en caso de que lo quieras para Blogger, el code generado es el siguiente:

<!-- BEGIN PrintFriendly Code -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='pfButton'>
<script src='http://cdn.printfriendly.com/printfriendly.js' type='text/javascript'/>
<a class='printfriendly' href='http://www.printfriendly.com' onclick='window.print(); 
return false;' title='Print an optimized version of this blog post or generate a PDF'>
<img alt='Print' src='http://cdn.printfriendly.com/pf-button-both.gif' style='border:none;
'/></a>
</div>
<b:else/>
<div class='pfButton'>
<a expr:href='data:post.url + &quot;?pfstyle=wp&quot;'
title='Print an optimized version of this blog post or generate a PDF'>
<img alt='Print' class='printfriendly'
src='http://cdn.printfriendly.com/pf-button-both.gif'
style='border:none; padding:0;'/></a>
</div>
</b:if>
<!-- END PrintFriendly Code -->

En cualquiera de los casos ese código puedes personalizarlo a tu gusto, desde cambiar la imagen por una propia, hasta aplicarlo algo de CSS.

<style>
.pfButton {
   /* representa el estilo del div que contiene al enlace */
}
.printfriendly {
   /* representa el estilo para el enlace */
}
</style>

El código con lagunas modificaciones:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='pfButton'>
<script src='http://cdn.printfriendly.com/printfriendly.js' type='text/javascript'/>
<a class='printfriendly' href='http://www.printfriendly.com' onclick='window.print(); 
return false;' title='Imprimir post o generar PDF'><img alt='Print'
src='aquí puedes poner la imagen que desees' style='border:none;'/></a>
</div>
</b:if>
<!-- END PrintFriendly Code -->

y si lo quieres en una pagina aparte:

1

2

3

4

5

<div class='pfButton'>
<a class='printfriendly' expr:href='&quot;http://www.printfriendly.com/print/v2?url=&quot; 
+ data:post.url' title='Imprimir post o generar PDF'><img alt='Print'
src='RUTA/icono_pdf.png'
style='border: medium none;' /></a></div>