Print This Page For Blogger Code

Lots of blogger providing lots of good article and visitors want to take a print out of thees article. Student also want to directly take a print out of blog post. "Print This  Page" This Code save your Visitors time to make copy and paste in Word Document and it also shows nice Impression to your blog reader.

 Go to Layout–>Page Elements then Add a Gadget–>HTML/JavaScript Add Code given below.

<!--  www.blogtechworld.com-->
<SCRIPT LANGUAGE="JavaScript">
if (window.print) {
document.write('<form> '
+ '<input type=button name=print value="Print" '
+ 'onClick="javascript:window.print()"> To Print this page!</form>');
}
// End -->
</script>
<!--  www.blogtechworld.com-->

Add Print This Page Just Below Header.
Press Ctrl + f & find <data:post.body/> you'll see some code like this:

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Paste the code just before the above code.

<div class='post-body entry-content'>
Your Code Goes Here
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Save Your Template.
Open Your Blog and See the Changes.

Related Posts:

Promote Your Blog

Add This