HP Blog Printing

One of the frustrating things about some websites, including many blogs, concerns printing.

Let’s say you’re on a site reading an article or post and you want to print out a hard copy. It’s common to get a result that runs into pages, more than you actually need, and not formatted for the purpose. Worse, especially if a website uses frames, you may get lots of blank pages before (or after) you get that one page you want.

Wouldn’t it be great if you could get your hard copy in a format that’s designed for print, doesn’t waste half a rainforest of paper and is easy on the eye to read?

The page you’re on is selected; clicking the print button in the window starts the printing.

Here’s where the plugin really is good.

Rather than just print out a hard copy, it creates a

The one thing to watch out for is if you click on the ‘print posts’ button on a blog’s home page. The popup will appear with every single post highlighted, which may not be what you want or were expecting.

My take: Overall, very nice indeed. Also take a look as what $' /></a> </div> <script> (function() { function initCopyableSections() { document.querySelectorAll('.article-content .copyable-section').forEach(function(section) { if (section.querySelector('.copyable-section__btn')) return; var btn = document.createElement('button'); btn.type = 'button'; btn.className = 'copyable-section__btn'; btn.setAttribute('aria-label', 'Copy to clipboard'); var label = section.getAttribute('data-copy-label'); btn.textContent = label ? 'Copy ' + label : 'Copy'; section.appendChild(btn); btn.addEventListener('click', function() { var contentEl = section.querySelector('.copyable-section__content'); var text; if (contentEl) { text = contentEl.textContent.trim(); } else { var clone = section.cloneNode(true); var btnClone = clone.querySelector('.copyable-section__btn'); if (btnClone) btnClone.parentNode.removeChild(btnClone); text = clone.textContent.trim(); } if (!text) return; navigator.clipboard.writeText(text).then(function() { var t = btn.textContent; btn.textContent = 'Copied!'; btn.classList.add('copied'); setTimeout(function() { btn.textContent = t; btn.classList.remove('copied'); }, 2000); }); }); }); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initCopyableSections); } else { initCopyableSections(); } })(); </script>   <div class=$