How to Generate a Properly Formatted Resume in PDF Format From Your Linkedin Profile

Editing Sridhar Katakam Resume | Resume Builder 2013-05-10 15-47-12

I wanted my resume in PDF format and went to Linkedin’s Resume Builder only to realize that it strips out spaces between paragraphs.

What I have:

Screen Shot 2013-05-09 at 6.52.37 PM

What I get:

Screen Shot 2013-05-09 at 6.52.59 PM

Not only are spaces between paragraphs missing in preview, they do not appear in the generated PDF after clicking on “PDF/Print” as well.

I tried all sort of possible workarounds like wrapping text in paragraph elements, inserting HTML line breaks, inserting   but with no luck.

I went to Resume Builder’s Feedback site and saw that this is a known issue with no solution.

With a little out of the box thinking (if I may say so myself) I was able to generate a nicely formatted PDF by essentially copy/pasting the preview content as a .html file on my local computer and making changes in it using CSS. Another benefit of this method is that we can add any other needed info (assuming you are comfortable with HTML) like References which Linkedin does not have a field for.

Below are the steps. Note that I did not test this on a PC. Should be more or less the same.

1. Create a .html file named say resume.html anywhere on your computer.

2. Edit it a good editor like Sublime Text and paste the following in:

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>My Resume</title>
</head>
<body>
	
</body>
</html>

3. View the HTML source of your resume in Linkedin’s Resume Builder.

a) Copy the call to all.css file right beneath the title tag. Paste it above closing head tag.

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>My Resume</title>
	<link href="http://resume.linkedinlabs.com/stylesheets/all.css?1352796666" media="all" rel="stylesheet" type="text/css" />
</head>
<body>
	
</body>
</html>

b) Copy the call to your chosen template file in the HTML source, for example,

<link href="http://resume.linkedinlabs.com/stylesheets/templates/clean.css?1352796667" media="all" rel="stylesheet" type="text/css" class="resume-style" />

and paste it in resume.html below the earlier line.

so far we’ve got:

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>My Resume</title>
	<link href="http://resume.linkedinlabs.com/stylesheets/all.css?1352796666" media="all" rel="stylesheet" type="text/css" />
	<link href="http://resume.linkedinlabs.com/stylesheets/templates/clean.css?1352796667" media="all" rel="stylesheet" type="text/css" class="resume-style" />
</head>
<body>
	
</body>
</html>

4. Using Firebug, inspect any unwanted sections like CERTIFICATIONS, LANGUAGES and delete them in Firebug.

2013-05-10_15-28-01

Inspect the main resume area and we can see that it’s a div having a id of resume.

2013-05-10_15-19-50

Right click on the div line and copy its HTML.

2013-05-10_15-20-13

Paste this between opening and closing body tags in resume.html.

2013-05-10_15-22-42

5. Add the following above closing head tag:

<style type="text/css">
	p {
		margin-bottom: 1em;
	}
</style>

2013-05-10_15-58-41

6. Now view resume.html in a browser and you should see your Linkedin profile appear in a neat format.

7. [Optional] If you would like to get rid of the drop shadow (when using Clean template) for a ultra clean look and reduce the space above and below the resume, add the following in your custom style block:

#resume {
box-shadow: none;
padding-top: 20px;
padding-bottom: 20px;
}

8. In order to now save this resume in pdf format, open the html file in Safari. I tried it in Firefox and the result was not good.

Hit Cmd + P to bring up the Print dialog. Click Show Details. Tick Print backgrounds. Deselect Print headers and footers. Click PDF -> Save as PDF.

2013-05-10_15-40-09

That’s it!

I recorded a screencast about the same and it can be watched below. Please excuse the audio quality. I hope to make it better in my upcoming videos. You might want to watch the video in HD for better clarity.

If you would like to take a look at the PDF output, click here to download it.

Comments

Leave a Reply