How to Add "Print this Page" Option to blogger. 0

| | ,

 How to Add "Print this Page" Option to blogger.

To notify your readers that your posts can be printed effectively, you'll probably want to add a "Print" link beneath each of your Blogger posts.

* First  go to your blogger Dashboard.

* Go to Design Tab and click edit HTML.

* Expand your Template.

* Now find </Head> by using ctrl+f .

* Before </head> tag copy below code and paste before it.

<style media='print' type='text/css'>
#header-wrapper, #header, .header, #sidebar-wrapper, .sidebar, #footer-wrapper, #footer, .date-header, .post-meta-data, .comment-link, .comment-footer, #blog-pager, #backlinks-container, #navbar-section, .subscribe_notice, .noprint {display: none;}
#main-wrapper {width: 95%}
</style>

* Again Search  <p><data:post.body/></p> Immediately after this line, paste below  code


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a href='javascript:window.print()'>Print this post</a>
</b:if>

* Now save your template now your are done.

StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: How to Add "Print this Page" Option to blogger. ~ Twitter FaceBook

0 Responses So Far:

Categories

Select Your Categories