Cambiando el botón de "Print Friendly & PDF" el cual había añadido a mi Blog de Blogger

Print Friendly https://www.printfriendly.com/  es un servicio para convertir las páginas web en PDF y tiene la ventana de que sólo imprime lo que uno necesita, no las publicidades y otras cosas.

En este tutorial le voy a poner un icono personalizado.

Según este tutorial:

Blogger: Cómo imprimir entradas con PrintFriendly | Blogger Ayuda
http://www.bloggerayuda.com/2014/05/blogger-imprimir-entradas-printfriendly.html

debo de reemplazar una linea sacada de:


(esto pues yo instalé el complemento en mi Blog de Blogger)

sacandola de:




aquí está:

<script>var pfHeaderImgUrl = '';var pfHeaderTagline = '';var pfdisableClickToDel = 0;var pfHideImages = 0;var pfImageDisplayStyle = 'right';var pfDisablePDF = 0;var pfDisableEmail = 0;var pfDisablePrint = 0;var pfCustomCSS = '';var pfBtVersion='2';(function(){var js,pf;pf=document.createElement('script');pf.type='text/javascript';pf.src='//cdn.printfriendly.com/printfriendly.js';document.getElementsByTagName('head')[0].appendChild(pf)})();</script><script type="text/javascript">var pfButtonHTML = '<a href="https://www.printfriendly.com" style="margin-top:0.5em; float:left;display:block; margin-right: 0.5em; color:#6D9F00; text-decoration:none;" class="printfriendly" onclick="window.print(); return false;" title="Printer Friendly and PDF"><img style="border:none;-webkit-box-shadow:none;box-shadow:none;" src="//cdn.printfriendly.com/buttons/printfriendly-button-lg.png" alt="Print Friendly and PDF"/></a>'; var pfBloggerJs; pfBloggerJs = document.createElement("script"); pfBloggerJs.type ="text/javascript";pfBloggerJs.src= "//cdn.printfriendly.com/blogger.js"; document.getElementsByTagName("head")[0].appendChild(pfBloggerJs);</script><span id="pf_locator"></span><script type="text/javascript">var f = document.getElementById("pf_locator");var c = f.parentNode.parentNode.childNodes;for (i=0;i<c.length;i++) { try { c[i].style.display = "none"; } catch (err) {}}</script>

y allí poner una imágen que tenga subida en algún servidor. Yo lo que haré es que como tengo una entrada en mi Blog de Blogger que se llama "Sóĺo yo" pues allí la voy a subir y desde allí copiaré el enlace

Hice el diseño en Inkscape:



Luego de exportarlo como png los subí a Blogger a la entrada mencionada:



allí en el botón de HTML



y copio todo la dirección donde está alojada la imagen y reemplazo en el Gadget:



Me quedó así:


Dios les bendiga

Comentarios