Thursday, June 20, 2013

12:41 PM

Add print button in your Blogger Blog

How To Add A Print It Friendly Button To Your Blogger Blog

Have you seen that in giant blogs there is a facility for users to print out their blog posts? So now we decide to give you another tutorial on how you can add print option in your site? Grating your desire users to print your blog posts with just one click is something that Is fairly cool. On the other side, around all web browsers offer the flexibility to print a web page by just selecting option on your web browser like go to “File” and “Print”. Now you got it, YES. Let’s move forward, as you know that there are various who have various choices. If you talk about me I like to print feature on my blog posts for different reason and some people doesn’t prefer this. When your desire users can print your posts with just one simple click then what they choose complex way to take out print? In this tutorial post, Tiptechnews display you how anyone can add a rapid print button to your blogger blog and website. You just need to follow our steps.

Simple you do first thing, first you need to login into your blogger blog Dashboard. If your website is hosting on blogger then this step is essential. After logging in, you need go to your blog then Template>> Edit HTML>> Search for <div class='post-header-line-1'/>  and just above it paste the mentioned code. When you fulfill your task, press Save Template to compete your process.
<div style="float: left; padding-left: 10px;">
<a href="javascript:window.print()" rel="nofollow">Print this Article</a></div>
Everyone like different color button so now you can give beautiful touch, you just need to customize it with a little bit of CSS. There are plenty design software’s available over internet, you just select any software and then create any kind of image using your select designing software and can simple implement the modest CSS to make it work. Here I show you my print it button design example which I made.

<div style="float: left; padding-left: 10px;">
<a href="javascript:window.print()" rel="nofollow"><img src="" /></a></div>