WordPress Code: pdf on display


Output:


(1) Display pdf with single/multiple pages on page/post (2) Link to download pdf


HTML codes:

(1) copy-paste the codes below in your wordpress (text)

(2) delete the html comment lines eg. delete  the lines <! …. –>

(3) Replace the links containing the pdf files to your own.


<!– Codes to write header –>

<p style=”text-align: right;”><span style=”font-size: 12pt;”><strong>Updated: Feb 2016</strong></span></p>

<!– Codes to indicate document is downloadable. –>

<!– Pre-step:  (1) Save your pdf file in Media (2) copy link to pdf file into the syntax below–>

<span style=”font-family: helvetica,arial,sans-serif; font-size: 10pt;”><a href=”https://people.utm.my/norhaiza/files/2016/03/CV_NorhaizaAhmad_Feb2016_5Pages_new.pdf” target=”_blank”>|View as Image|</a></span>

<!– Codes to display pdf on page –>

<!– Pre-step:  (1) Save your pdf file in Media (2) copy link to pdf file into the syntax below–>

<iframe style=”border: 0;” src=”https://people.utm.my/norhaiza/files/2016/03/CV_NorhaizaAhmad_Feb2016_5Pages_new.pdf” width=”100%” height=”670″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe>

 


Example Output: https://people.utm.my/norhaiza/cv/


 

Speak Your Mind

*

Skip to toolbar