Thursday, November 5, 2009

How To Make Your Blog Posts Available For Print

In this post we will see how to make your blog posts available to be printed by readers.No matter what topic your blog covers it is a good idea to offer the option to print the posts.We will be adding some code to your template that will make the posts on your blog 'Print Friendly' and we will also be adding a print icon for readers to click to view the print version of each post.

How to add a 'Print This Page' icon to your blog posts.

Preview

This is the icon you will be adding :

How to add a 'Print This Page' icon to your blog.

Steps To Make Your Posts Available To print

Adding The Print Page Code

1.Click Layout-->Edit html for your blog 
(Tick the 'Expand Widget Templates' box)

2.Find the following piece of code in your blogs html :


</head>


3.Add the code below Directly Before </head>


<style type="text/css" media="print">
#noprint {display: none;}
// Hide unwanted elements
body {background:fff; color:000;}
// Black text on White background
a {text-decoration: underline; color:00f;}
//Underline Hyperlinks in blue
}
</style>

Add The Print Icon

1. Now Find this piece of code in your blogs html :


<data:post.body/>


2.Add the following piece of code Directly Below <data:post.body/>


<br/><center><a href='javascript:window.print()'><img src='http://i941.photobucket.com/albums/ad259/spiceupyourblog/print.png'/></a></center>

I think the image i have used as the icon is perfect but if you want to use a different image replace the image code with your image :

http://i941.photobucket.com/albums/ad259/spiceupyourblog/print.png

.Now click save and your Blog is ready to print with a cool new button !

Did You Like This Post ? Click Like Below To Let Us And Your Friends Know - Thanks !





Jump To Comments

Subscribe To The Rss Feed Or Recieve The Latest Posts By Email

Get The Latest Full Posts By Email - It's Free
Write About Or Link To This Post On Your Blog - Easy Links :
Link Directly To This Post :

Link To The Homepage :
Hey ! People That Read This Post Also Loved These Posts
Still Looking For Something ?
Search This Blog
Custom Search
Important Must Read Before Posting A Comment

In order to keep our comments Do-Follow we have some guidelines you need to follow.
Do not put links in the body of your comment as it will automatically be blocked !
Asking a question ? Make sure to tick the subscribe to comments by email box to be alerted of the reply.
blog comments powered by Disqus
 

Some Money Makers For Your Blog

1. Info Barrel Paid To Write, if you can write a blog you can write for I.B.

1. Xomba Paid To Write, Another great paid to write articles website

3. Chitika Ads For Your Blog, work well alongside AdSense

Thanks For Calling

free counters

Five From The Archive

Who Writes This Stuff ?

Hi Im Paul Crowe,

The Author Of Spice Up Your Blog To Get More Info About Me View My Full About Me Page.

Drop Down Archive

Admin Links