Results 1 to 22 of 22

Thread: Embed a pdf and display on your webpage
      
   

  1. #1
    Join Date
    Jun 2006
    Location
    Canada
    Posts
    10,527

    Default Embed a pdf and display on your webpage

    Here is a tutorial for displaying an embeded pdf on your webpage.

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

    Embed a pdf on your website

    VodaHost

    Your Website People!
    1-302-283-3777 North America / International
    02036089024 / United Kingdom
    291916438 / Australia

    ------------------------

    Top 3 Best Sellers

    Web Hosting - Unlimited disk space & bandwidth.

    Reseller Hosting - Start your own web hosting business.

    Search Engine & Directory Submission - 300 directories + (Google,Yahoo,Bing)



  2. #2
    Join Date
    Oct 2005
    Location
    Italy
    Posts
    12,080

    Default Re: Embed a pdf and display on your webpage

    Very Nice!

    An argument not documented before. Well done.
    Navaldesign
    Logger Lite: Low Cost, Customizable, multifeatured Login script
    Instant Download Cart: a Powerfull, Customized, in site, DB driven, e-products Cart
    DBTechnosystems.com Forms, Databases, Shopping Carts, Instant Download Carts, Loggin Systems and more....
    Advanced BlueVoda Form Processor : No coding form processor! Just install and use! Now with built in CAPTCHA!


  3. #3
    Join Date
    Jan 2009
    Posts
    45

    Default Re: Embed a pdf and display on your webpage

    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.

  4. #4
    Join Date
    Aug 2008
    Posts
    26

    Default Re: Embed a pdf and display on your webpage

    where do i get the code from?

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

    thanks

  5. #5
    Join Date
    Apr 2006
    Location
    X marks the spot
    Posts
    8,332

    Default Re: Embed a pdf and display on your webpage

    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

    VodaHost

    Your Website People!
    1-302-283-3777 North America / International
    02036089024 / United Kingdom
    291916438 / Australia

    ------------------------

    Top 3 Best Sellers

    Web Hosting - Unlimited disk space & bandwidth.

    Reseller Hosting - Start your own web hosting business.

    Search Engine & Directory Submission - 300 directories + (Google,Yahoo,Bing)



  6. #6
    Join Date
    Jul 2008
    Location
    Bristol UK
    Posts
    1,750

    Default Re: Embed a pdf and display on your webpage

    Great Tutorial... I'll be using that.

    Darren
    Happy Building

    DarrenC

  7. #7
    Join Date
    Nov 2008
    Location
    Spring Texas
    Posts
    132

    Default Re: Embed a pdf and display on your webpage

    Quote Originally Posted by sharonavnon View Post
    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

  8. #8
    Join Date
    Nov 2008
    Location
    Canary Islands
    Posts
    52

    Default Re: Embed a pdf and display on your webpage

    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 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?

  9. #9
    Join Date
    Oct 2008
    Posts
    2

    Default Re: Embed a pdf and display on your webpage

    This is fantastic! Thank you so much!

  10. #10
    Join Date
    Apr 2009
    Location
    tanzania
    Posts
    4

    Default Re: Embed a pdf and display on your webpage

    That is very marvellous. I shall be of great help to me.

    www.elimunet.com

  11. #11
    Join Date
    Jun 2006
    Location
    Canada
    Posts
    10,527

    Default Re: Embed a pdf and display on your webpage

    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.

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

    VodaHost

    Your Website People!
    1-302-283-3777 North America / International
    02036089024 / United Kingdom
    291916438 / Australia

    ------------------------

    Top 3 Best Sellers

    Web Hosting - Unlimited disk space & bandwidth.

    Reseller Hosting - Start your own web hosting business.

    Search Engine & Directory Submission - 300 directories + (Google,Yahoo,Bing)



  12. #12
    Join Date
    Jul 2008
    Location
    Caracas, Venezuela
    Posts
    750

    Default Re: Embed a pdf and display on your webpage

    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?

  13. #13
    Join Date
    Nov 2007
    Posts
    9

    Default Re: Embed a pdf and display on your webpage

    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
    Sue Scaletta
    Internet marketer/home business owner

    http://www.videoemailchat.com
    http://www.lanechase.net
    http://www.suescaletta.com

  14. #14
    Join Date
    Jan 2009
    Location
    in the now :)
    Posts
    2,184

    Wink Re: Embed a pdf and display on your webpage

    Quote Originally Posted by kortia View Post
    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
    Never measure the height of the mountain you're climbing. At the summit, look back and see how small it really is!

  15. #15
    Join Date
    Nov 2006
    Location
    Fairport NY
    Posts
    36

    Question Re: Embed a pdf and display on your webpage

    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

  16. #16
    Join Date
    Nov 2006
    Location
    Fairport NY
    Posts
    36

    Question Re: Embed a pdf and display on your webpage

    Quote Originally Posted by kortia View Post
    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

  17. #17
    Join Date
    Nov 2006
    Location
    Fairport NY
    Posts
    36

    Talking Re: Embed a pdf and display on your webpage

    Thank You to all I got it!!! Kortia easy as you said!
    Thanks

  18. #18

    Default Re: Embed a pdf and display on your webpage

    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 and I'm talking about the prices and forms page. Thanks for your help.

  19. #19
    Join Date
    Nov 2006
    Location
    Fairport NY
    Posts
    36

    Default Re: Embed a pdf and display on your webpage

    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

  20. #20
    Join Date
    Apr 2006
    Posts
    1,419

    Default Re: Embed a pdf and display on your webpage

    Great... I'll need it.

  21. #21
    Join Date
    Oct 2005
    Location
    St L MO
    Posts
    2,613

    Default Re: Embed a pdf and display on your webpage

    The html method works great in FireFox however, I get the RED X in IE8.
    Any thoughts?
    CarbonTerry
    Semper Fi
    Still green...still mean......just not as lean

    Red Hawk Archery
    Zone 5 Photo
    My USMC

  22. #22
    Join Date
    Mar 2006
    Posts
    14,683

    Wink Re: Embed a pdf and display on your webpage

    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.
    . VodaWebs....Luxury Group
    * Success Is Potential Realized *

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

     

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •