Tuesday, October 15, 2013

How to Add a Print it Button to Your Blogger Blog!

Allowing your users to print your blog posts with just a single click is something that is pretty cool. On the other hand, almost all browsers provide the flexibility to print a web page by just going to “File” and “Print”. Different people have different choices and different people like to have a print feature on their blog posts for different reasons. You may just like to add a continent way. When users can print your posts with just one click then why they should be doing some complicated processes? In this article, we will show you how to add a quick print button to your Blogger blog.

The First thing you will be doing is to login into your Blogger Dashboard. Now After logging in, go to your blog >> Template >> Edit HTML >> Search for <div class='post-header-line-1'/>  and just above it paste the following code. Once everything is done, press “Save Template” button to conclude the process.

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

...................................................................................................
 apslogo

Now to give your button a beautiful touch, you need to customize it with a bit of CSS. You can create any kind of image using any popular photo editing or deigning tool Like Photoshop and can simply apply the modest CSS to make it work. Here is a small example of how you can stylize your print it button.

................................................................................................
 <div style="float: left; padding-left: 10px;">
<a href="javascript:window.print()" rel="nofollow"><img src="http://1.bp.blogspot.com/-vw5LhfD0cTI/UPLhsZx8ksI/AAAAAAAAAdo/w7Aqf4eEstA/s1600/images.jpg" /></a></div>
...................................................................................................
apslogo

Congratulations: You have successfully learned how to add print it button in blogger blog. Not only that, but you can also stylize it according to your desire needs. You can also preview your posts to see everything is working in an order or not. We hope this tutorial has facilitated to understand how to add print it button in blogger. What are your judgments about adding a Print button to your blog? Does it is value to use these buttons or it is just waste of space? Let us know what you think about it.

Related Posts:

  • Increasing Alexa Traffic Rank in 20 Easy Steps!Alexa RankingIt’s a ranking system that keeps you updated about the number of visitors who visited your website. You only need to install the Alexa toolbar to your website. More description about this can be found if you look… Read More
  • Tips to Get Unique Visitors to your Blog and Website Here are 10 enthusiastic tips to help you accomplish higher interchange numbers to your diary. All of the tips can be utilized to increase new unique visitors, and if your diary posts are serious and functional sufficiency th… Read More
  • How to Add Popup/Floating Ads Widget for blogger!After getting approval from Content based Advertisers (Pay per click) and driving good traffic, increasing readers but, Revenue of your blog not increasing. Dipping of Revenue if we analyze wrong placement of Ads, Selection o… Read More
  • How to setup a custom domain with blogger blog ? .In our previous article I have explained  Why you should buy custom domain for blogger Blog ?  And as I promised today I am going to show you how to setup a custom domain for blogger blog. Its too easy to setup a c… Read More
  • Does Alexa Rank Really Matter? Alexa Rank is one of the most over rated term when it comes to judge quality of a blog/website.Most of the bloggers and Webmasters are obsessed with Alexa Rank.So, What is Alexa Rank?Alexa defines themselves as web informatio… Read More

0 comments:

Post a Comment