Spice Up Your Blog

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.




This is the icon you will be adding :



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 !

---

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.