Wednesday, 13 July 2011

How to embed the facility Print this Page with image into web/blog?


Print this page facility will allow readers or visitors to print an article on your blog. If you want to set it up like the picture above, do the following:

1. Login to http://www.blogger.com/
2. Copy this code, parse the code here.

<a href="javascript:print(document)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimTd5cnQz8sJRgcTj3Rzk0Dyv0Rg36B-2W3fLxp_IUVgnSSY_HDpI7wTzubZOB72TG074Ewtt9JcT7XzE71VXHzTcgpBrULcD4WCH2oMMB2fjUaD5AKgvENdhKUVkx-29WVPucidVTXaA/s800/print.gif" alt="print this page" border="0"/></a>

Embed button Print this Page under the title of article:
Copy the code have been parsed, and paste in your blog.

Dashboard >> Design >> Edit HTML >> check Expand Widget Templates >> find

<div class="post-header">
<div class="post-header-line-1">
put the code here
</div>

3. Save.