Search
 
 

Display results as :
 


Rechercher Advanced Search

Latest topics
» Water Bottle Flip 2 | Dude Perfect - 10 Million Views in 2 days
Thu Nov 23, 2017 9:05 pm by Admin

» Binging with Babish: Rachel's Trifle from Friends
Thu Nov 23, 2017 9:01 pm by Admin

» $1,977 Japanese Grapes - About 4 million views in 4 days
Thu Nov 23, 2017 8:58 pm by Admin

» Superman-Batman Vol. 5 [2017]
Thu Nov 23, 2017 8:53 pm by Admin

» BluffTitler Ultimate v13.6.0.2 Multilingual
Thu Nov 23, 2017 8:44 pm by Admin

» Ultra HD 3840×2160 Wallpaper Pack 192
Thu Nov 23, 2017 8:38 pm by Admin

» Weather Station v3.4.8
Thu Nov 23, 2017 8:36 pm by Admin

» Photography Week – 23 November 2017
Thu Nov 23, 2017 8:31 pm by Admin

» CCleaner v1.23.101 [Professional]
Thu Nov 23, 2017 8:23 pm by Admin

RSS feeds


Yahoo! 
MSN 
AOL 
Netvibes 
Bloglines 



Adding a Print it Button to Your Blogger Blog

Go down

Adding a Print it Button to Your Blogger Blog

Post by Admin on Sun Jun 16, 2013 2:56 pm

 
 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
Code:
<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.

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




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.

  
Code:
  <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>



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.

Admin
Admin

Posts : 2774
Join date : 2012-06-08

View user profile http://yourforum.forumotion.com

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum