Dienstag, 16. Mai 2017

PDF Artikel

Immer wieder kommt es zu Fragen bei der Darstellung von pdf-Dokumenten.

Deshalb möchte ich hier kurz darstelen, wie man diese in seinem Blog einbinden/darstellen kann.

Ein beliebiges pdf -Dokument wird im Google-Drive Ordner abgelegt und der Link dazu lässt man sich ausgeben.






Von dem abgelegten Dokument wird ein Screenshot angefertigt, welches im Blog hochgeladen wird.




Wenn man sich dieses Bild in der HTML-Ansicht anschaut, sieht man folgendes (bitte keine Panik, es ist wirklich einfach:

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipuSkaInsz83Dlr9kRw_obCoYGeuio5m9BBQ2mTF_onQHt4k9d8Y4X-CZh-iKV_O5Liphrg0xjxiVUKAvViELHNlNmNz4JOiTMnp40CbyaNdTs8VI0ZMakNYqdBwOb3TDD1iSlHSI0P_E/s1600/2017-05-16+13_20_40-This+is+a+test+PDF+file+-+pdf-sample.pdf.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipuSkaInsz83Dlr9kRw_obCoYGeuio5m9BBQ2mTF_onQHt4k9d8Y4X-CZh-iKV_O5Liphrg0xjxiVUKAvViELHNlNmNz4JOiTMnp40CbyaNdTs8VI0ZMakNYqdBwOb3TDD1iSlHSI0P_E/s320/2017-05-16+13_20_40-This+is+a+test+PDF+file+-+pdf-sample.pdf.png" width="320" /></a></div>

Jetzt muss nur der gelb markierte Teil in der html-Ansicht durch den Link von Google Drive ersetzt werden.

 <a href="https://drive.google.com/open?id=0ByzONC9PusmDVzFNeEgxXzFqTDA" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipuSkaInsz83Dlr9kRw_obCoYGeuio5m9BBQ2mTF_onQHt4k9d8Y4X-CZh-iKV_O5Liphrg0xjxiVUKAvViELHNlNmNz4JOiTMnp40CbyaNdTs8VI0ZMakNYqdBwOb3TDD1iSlHSI0P_E/s320/2017-05-16+13_20_40-This+is+a+test+PDF+file+-+pdf-sample.pdf.png" width="320" /></a>


Dies führt zu folgendem Ergebnis:


Wenn man jetzt auf dieses Bild klickt, öffnet sich das am heimischen Rechner eingestellte PDF-Programm zum lesen. Ich hoffe, dass ich mit dieser einfachen Anleitung helfen konnte.

Danke fürs lesen, kommentieren und +1 geben.