Creating a Hyperlink Image of a PDF Resume

Introduction

The user will display a screen shot image of their resume on their personal webpage under the resume tab. Clicking this picture will link directly to a Scrib or Google Docs version of the resume.

 

Before You Begin

  • Create a page on your personal webpage for your resume.
  • Save a copy of your resume as a PDF.
  • Open a Scribd or Google Docs account through www.scribd.com or www.docs.google.com.

Creating the Image for the Hyperlink

 



    1. Open the PDF version of your resume, displaying the whole first page on the screen.
    2. Capture the first page as a screen shot image and save it to the desktop as a JPEG.

 

Hint: For instructions on how to take a screenshot on a PC please click here. If you have a Mac, click command+shift+4.

 

    1. Open the JPEG in an image-editing program. (i.e. Adobe Photoshop, Microsoft Photo editor, etc.)
    2. Crop the resume within the margins of the paper.


S&D 1.jpg






















    1. Add a large textbox stating "Click Image To View Resume" over top of the main page and click save.



Uploading the Resume to Internet Host



1.     Login into your Scribd or Google Docs account.

2.     Upload the saved PDF version of your resume.


S&D 2.jpg





3.     Copy and save the URL for later use.



Posting the Hyperlink Image to the Portfolio





1.     Open up the blog dashboard.

2.     Click on the Manage tab, scroll down, and select Pages.

3.     Choose the resume page.

4.     Click on the insert image button.


S&D 3.jpg






















5.     Select Upload New Image above the search box.

6.     Click Choose File and upload the JPEG version of your resume.

7.     Check the Use Thumbnail box and click Finish.


S&D4.jpg


























8.     Enter the HTML mode using the <A> button.

 


S&D 5.jpg

 

Caution: Pay close attention, only delete the URL specified.

 

9.     Find the code that begins as {  <a href="http://... } and delete the URL within the quotation marks.


S&D6.jpg






















10.  Replace it with the saved URL of the online document.

11.  Save and publish the page.



No TrackBacks

TrackBack URL: https://blogs.psu.edu/mt4/mt-tb.cgi/128911

Leave a comment

Recent Entries

Extra Credit: Instruction Sets
Post your ideas here: How would you sort the instruction sets into categories? Name the categories and sort the sets.…
Section 20 Topics
Sharing your Blog Post on Facebook Renaming the Blog Tab How to remove the blog tab How to link…
Subfolder Widget Code
The following code should create folders for locating pages. You can add any number of pages to each folder. In…