0Dell 3130CN LogoAdding a print icon to print individual blog posts

In addi­tion to this blog I also have a blog about recipesI decided that I wanted a print icon on the main page for each post so that people can print the recipes. Googling provided vari­ous sug­ges­tions, none of which worked. How­ever, I even­tu­ally cobbled togeth­er the fol­low­ing, which seems to work…
Edit the code of your blog and find the code

<!-- email post links -->

Above that put the following…

[javascript]&lt;script&gt;
func­tion printPost(postUrl)
{
doPrint = true;
var pw = window.open(postUrl);
}
if(opener.doPrint == true)
{
window.print();
window.onfocus = func­tion() { window.close(); }
}
&lt;/script&gt;

&lt;a expr:href=’&quot;javascript:printPost(&quot; + &quot;&quot;&quot; + data:post.url + &quot;&quot;&quot; + &quot;);&quot;&gt;&lt;img src=‘https://siteresources.worldbank.org/images/Print_plain.gif’/&gt;&lt;/a&gt;[/javascript]

And you’re done!

Cred­it in vari­ous parts goes to…
Con­sum­ing Experience
Blog­ger Plugins
Sharkyso­ft

Laat een antwoord achter