Skip to main content

Convert Your Blog Into an eBook

If you're a blogger, you've probably considered publishing your blog to print. The good news, with some simple custom CSS you can convert your blog into an eBook.

Another advantage of using HTML & CSS to format your eBook is you can convert to PDF and EPUB format.

Images

First step is to go through your blog and ensure you've got high quality images. General rule of thumb is bigger(physically) is better. You can have a large image on your website, but display it smaller. This will result in larger file sizes, and potentially slower page load, but with today's high speed internet this really isn't a concern (imagine netflix and youtube are streaming high definition video).


Go through your blog and replace any small images with larger images.

Font

Chances are, your blog is using a Sans-Serif font. Wait a minute, what's a sans-serif font you ask? Ok quick lesson. 

Serif

See the little lines at the top and bottom of the letters and numbers? These are called "serifs". These little lines help your eyes stay on the reading row. They're kind of like train tracks, and help make reading easier and faster.



Sans-Serif

Sans is a French word for "without" so Sans-Serif fonts do not have the lines. See the image below, no lines.


Sans-serif fonts are good reading in low resolution (like a computer screen or TV).

@media print {
  font-family: "Times New Roman", Georgia, Serif;
}

Comments

Popular posts from this blog

Save Webpages as PDF

If you like to archive webpages, or share them, a great way is to create a PDF of the webpage. It's easy to do!

Option 1: Luxury PDFs PrintFriendly.com is a cool web application that optimizes and formats webpages for Print or PDF.

Step 1: Copy the URL of the webpage you want to save as PDF.

Find a webpage you want to save as PDF. In the top of the browser is the address bar. URL is a fancy name for a webpage's address. Select the address/URL and right click on it and choose "copy".



Step 2: Paste the URL into PrintFriendly.com

Now, go to PrintFriendly.com and paste the URL into box that says "enter a URL".




Step 3: Click PDF

PrintFriendly will optimize and format the page for printing or PDF. Click PDF, then save and you're done.




Option 2: Print to PDFIn your browser, go to a webpage you want to save as PDF. You're going to use the Print command, however we're not going to actually print the page.

Step 1: Print Preview

Use the menus: File > Print 

How to Add A Print Button To Your WebPage

You may already know that you can print a webpage by going to the browsers File menu and selecting the Print. The universal shortcut key to invoke the Print option is Ctrl AND P, or in the case of Mac OS X, Command AND P.  However, not everyone knows this, or cares to dig around for it.


That's why as a webmaster or blogger, it's your job to make sure readers can print your webpage or article when they want without having to mess with their browser or wondering what to do. If you make it convenient for your visitors to navigate and use your website, they'll come back regularly. It's as simple as that.

To improve the user experience on your website, it's always a great idea to create a custom Print button that users can use. Having a Print button on your website means your users won't have to waste their time figuring out how to print this article.

Another reason why you might want to have a custom print button on your site is to define what gets printed and wha…