PDA

View Full Version : Embed a pdf and display on your webpage



LadyEye
01-11-2009, 07:27 PM
Here is a tutorial for displaying an embeded pdf on your webpage (http://www.bluevodadesigner.com/embeded_pdf_tutorial.html).

Direct link as well for those that have had difficulty opening here ..

Embed a pdf on your website (http://www.bluevodadesigner.com/embeded_pdf_tutorial.html)

navaldesign
01-11-2009, 08:02 PM
Very Nice!

An argument not documented before. Well done.

rickthefox
01-28-2009, 05:06 AM
We all needed that... its just one of those things that you know is easy to do but when you get to doing it you can't quite do it. So now there is a guide for it for all of us beginners and also pro's that just forget.... Great job Lady.

sharonavnon
02-02-2009, 06:59 PM
where do i get the code from?

this is a PDF that is on my computer...

thanks

Karen Mac
02-02-2009, 07:04 PM
She gave you the code if you LOOK .. you upload the pdf to your site first via control panel or use blue ftp. Ive told you this now twice.

Karen

DarrenC
02-02-2009, 07:24 PM
Great Tutorial... I'll be using that.

Darren

kortia
02-07-2009, 12:34 AM
where do i get the code from?

this is a PDF that is on my computer...

thanks






I do understand we are not all "normal Webmasters, so not all of this makes sense like it would if you learned any other way than using website builders like 1and1, net id now and others similar to it. Even yahoos.

An easy way is to open a new page (or template) Click your plug in button on the left side mid top corner. Then double click or right click and go to properties.

You will see a browse button, click browse and find the file on your pc. Upload and press ok. You can now make the plug in what ever size you like. This will create a Iframe on the page. Now just save your page whatever you want to call it and then you can create a hyper link to that file from what ever page you want. Don't forget to publish it and Viola you are done!

Here is a example with a link going to a PDF file. (see link near bottom)http://www.magicwater.ws/warranty.html

hubovetz
02-12-2009, 10:30 PM
Nice! Thank you David for pointing me here.

This is sort of, but not exactly what I'm looking for...I'm sure that what I need will involve one of George's I-frames that I still have not figured out.

I have a site (http://www.vodahost.com/vodatalk/aguycanbeach.com/cdaddocs.html) that has several pdf files to which we will be adding monthly. beside the download menu I have thumbnail icons of the files that the user can open & view online. I can not make a page for every file that we have & will have (or can I?)

Is there a way to make one page where all files will be opened using a wildcard for the name of the file?

butchmartin
02-16-2009, 06:13 AM
This is fantastic! Thank you so much!

sisa1
04-16-2009, 03:34 PM
That is very marvellous. I shall be of great help to me.

www.elimunet.com (http://www.elimunet.com)

LadyEye
05-06-2009, 01:07 AM
Here is a update to the above post. it has been noticed that some members are not catching the code so here it is change the Red parts to suit.


<embed src="http://www.yourdomain.com/file1.pdf" width="500" height="650"></embed>

germansin
05-19-2009, 12:17 AM
Hi LadyEye

I tried your method and it worked OK. (Thanks for this tutorial !!)

The only thing is that the .pdf file is displayed in full size within the window.

As the window is narrower than the width of the .pdf page, the visitor would have to use the scrollbars to see the text or reduce the size of the view.

It would be much nicer to display the file in say 50% of the original size, something like the page you showed as an example in your tutorial, so that the full page could be seen from the very beginning. Is there a way to do that?

suezbob
05-19-2009, 06:21 PM
kortia,

Thank you for showing us how to insert pdf files into our websites using the plugin. Your technique made it very simple and easy to use.

Regards,

Sue Scaletta

ahimsa
07-23-2009, 05:51 PM
I do understand we are not all "normal Webmasters, so not all of this makes sense like it would if you learned any other way than using website builders like 1and1, net id now and others similar to it. Even yahoos.

An easy way is to open a new page (or template) Click your plug in button on the left side mid top corner. Then double click or right click and go to properties.

You will see a browse button, click browse and find the file on your pc. Upload and press ok. You can now make the plug in what ever size you like. This will create a Iframe on the page. Now just save your page whatever you want to call it and then you can create a hyper link to that file from what ever page you want. Don't forget to publish it and Viola you are done!

Here is a example with a link going to a PDF file. (see link near bottom)http://www.magicwater.ws/warranty.html

Hey, Kortia....tks a bunch for this tip - needed to do just this today & it's soooo easy.
Nice one,
david

searching old threads really pays LOl

Raider50
08-11-2009, 10:03 PM
Sorry that was way to fast for me. LOL. Im a bit slow anyway. first you point to image box, then to HTML box. When i clicked on image box I get a screen that is waiting for me to pick which file? Then i go to HTML box? Something isnt working because what i di looked nothing like your tutorial?
Thanks

Raider50
08-11-2009, 10:15 PM
I do understand we are not all "normal Webmasters, so not all of this makes sense like it would if you learned any other way than using website builders like 1and1, net id now and others similar to it. Even yahoos.

An easy way is to open a new page (or template) Click your plug in button on the left side mid top corner. Then double click or right click and go to properties.

You will see a browse button, click browse and find the file on your pc. Upload and press ok. You can now make the plug in what ever size you like. This will create a Iframe on the page. Now just save your page whatever you want to call it and then you can create a hyper link to that file from what ever page you want. Don't forget to publish it and Viola you are done!

Here is a example with a link going to a PDF file. (see link near bottom)http://www.magicwater.ws/warranty.html


When i found my PDF file and entered it, it did not show up in the plug box? The plug picture was still there? Any ideas?
Thank You

Raider50
08-11-2009, 10:23 PM
Thank You to all I got it!!! Kortia easy as you said!
Thanks

createdfromtheheart
01-15-2010, 09:38 PM
I have my website up and running (since 2007) and haven't needed to edit anything until now and I'm a bit rusty, however I just watched all the tutorial to refresh my mind on the basics. I have a page with 4 .pdf files and I need to replace two of them. Would it be better to delete the existing, then adding the new ones back? Or is there a way to just 'replace' the files? My site address is: www.createdfromtheheart.net (http://www.createdfromtheheart.net) and I'm talking about the prices and forms page. Thanks for your help.

Raider50
01-17-2010, 05:56 AM
I'm sorry its been a long time since i've done anything with this you might want to ask the great folks that helped me. Sorry

WSBlue
01-19-2010, 01:01 AM
Great... I'll need it.

CarbonTerry
08-21-2010, 10:11 PM
The html method works great in FireFox however, I get the RED X in IE8.
Any thoughts?

Vasili
08-30-2010, 11:28 AM
Yes.
You can (only if your image editor provides the ability....Paint works, if need be) right-click COPY your PDF and then PASTE AS NEW IMAGE onto the work screen of your Editor and then resize the PDF to whatever "image" size you require, and then SAVE as JPG and then place it on your BV web page to be seen by Visitors just as you wish them to.
Then, once it is properly positioned, create a transparent rectangle to lay on top of this image of the PDF, and hyperlink this transparent layer to the uploaded PDF file with TARGET = _blank, so when Visitors click on the image, it will automatically open a new Tab/Window and be available for 'Download" (view, print, save, etc.).

Simple way to show a thumbnail of a PDF you offer to view actual size or download normally, all without the Visitor losing the base page from where they land. The iFrame method does not allow you to resize your PDF image, and the use of iFrames is always going to be something to consider with the various Browser versions and weak updates circulating.