{"id":743,"date":"2016-03-07T07:43:14","date_gmt":"2016-03-07T07:43:14","guid":{"rendered":"https:\/\/people.utm.my\/norhaiza\/?p=743"},"modified":"2017-09-13T08:07:06","modified_gmt":"2017-09-13T08:07:06","slug":"wordpress-code-pdf-on-display","status":"publish","type":"post","link":"https:\/\/people.utm.my\/norhaiza\/2016\/03\/07\/wordpress-code-pdf-on-display\/","title":{"rendered":"WordPress Code: pdf on display"},"content":{"rendered":"
\n

Output:<\/strong><\/span><\/p>\n

\n

(1) Display pdf with single\/multiple pages on page\/post (2) Link to download pdf<\/span><\/p>\n

\n

HTML codes: <\/strong><\/span><\/p>\n

(1) copy-paste the codes below in your wordpress (text)
\n<\/strong><\/span><\/p>\n

(2) delete the html comment lines eg. delete\u00a0 the lines <! …. –><\/span><\/p>\n

(3) Replace the links containing the pdf files to your own.<\/span><\/p>\n

\n

<!– Codes to write header –><\/span><\/p>\n

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

<!– Codes to indicate document is downloadable. –><\/span><\/p>\n

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

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

<!– Codes to display pdf on page –><\/span><\/p>\n

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

<iframe style=”border: 0;” src=”https:\/\/people.utm.my\/norhaiza\/wp-content\/uploads\/sites\/1173\/2016\/03\/CV_NorhaizaAhmad_Feb2016_5Pages_new.pdf” width=”100%” height=”670″ frameborder=”0″ allowfullscreen=”allowfullscreen”><\/iframe><\/span><\/p>\n

 <\/p>\n

\n

Example Output: https:\/\/people.utm.my\/norhaiza\/cv\/<\/span>
\n<\/span><\/strong><\/p>\n