Donnerstag, 27. August 2015

Printfrieddly - Eigene Buttons einbinden

Der unten aufgeführte Code spuckt diese Grafik aus.

<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='1';(function(){var js, pf;pf = document.createElement('script');pf.type = 'text/javascript';if('https:' == document.location.protocol){js='https://pf-cdn.printfriendly.com/ssl/main.js'}else{js='http://cdn.printfriendly.com/printfriendly.js'}pf.src=js;document.getElementsByTagName('head')[0].appendChild(pf)})();</script>
<a class="printfriendly" href="http://www.printfriendly.com" onclick="window.print();return false;" style="color:#6D9F00;text-decoration:none;" title="Printer Friendly and PDF"><img alt="Print Friendly and PDF" src="http://cdn.printfriendly.com/button-print-gry20.png" style="border:none;-webkit-box-shadow:none;box-shadow:none;" /></a>

Nehmen wir mal an du magst einen anderen Button haben,
Zb diesen hier von der printfriendly Homepage.


Einfach von der Homepage per Rechts-Klick die URL kopieren

Das wäre
http://cdn.printfriendly.com/pf-button.gif

Nun lediglich die URL tauschen mit der unten rot gefärbten URL

<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='1';(function(){var js, pf;pf = document.createElement('script');pf.type = 'text/javascript';if('https:' == document.location.protocol){js='https://pf-cdn.printfriendly.com/ssl/main.js'}else{js='http://cdn.printfriendly.com/printfriendly.js'}pf.src=js;document.getElementsByTagName('head')[0].appendChild(pf)})();</script>
<a class="printfriendly" href="http://www.printfriendly.com" onclick="window.print();return false;" style="color:#6D9F00;text-decoration:none;" title="Printer Friendly and PDF"><img alt="Print Friendly and PDF" src="http://cdn.printfriendly.com/button-print-gry20.png" style="border:none;-webkit-box-shadow:none;box-shadow:none;" /></a>

Wie erhalten
Print Friendly and PDF

 
Was auch geht ist eine eigene Grafik einbauen.
Habe auf die schnelle eins bei Picasa hochgeladen.
URL dann ausgetauscht und schon habe ich einen eigenen Button.
Ok. Zugegeben es geht schöner, aber egal :)

Und fertig wäre die Laube :)

Naja, nicht ganz, weil der mir da nicht gefällt.
Ich hätte ihn gerne woanders


Die Zeile die ich jetzt suche:
<div class='post-share-buttons goog-inline-block'>
Und genau wie oben den Code dahinter/darunter setzen.

Somit bin ich nicht mehr so eingeschränkt und kann nach Belieben meine Buttons selbst bestimmen.
Mal schauen wann Printfriendly das unterbindet.

Hoffe es hat geholfen.
Da keiner hier ein Kommentar schreibt, weiß ich es ja nie.

Ja, hat mich denn gar keiner lieb :-(   ?