Вывод на печать страницы сайта/блога.

Организовать печать HTML страниц очень просто. Достаточно разместить ссылку вида:

<a href='javascript:window.print(); void 0;'> <img src="адрес_изображения" / >

или

<svg height="100" width="100" onclick="print()"><path d="M4,2h8v2h1V1H3v3h1M0,5v6h3v1l3,3h7v-4h3V5m-3,2v1H12v6H6V12H4V8H3V7m2,1h6v1H5m0,1h6v1H5"></path></svg>

или

<input type="button" value="Печать" onclick="print()"></input>

Её можно расположить вместе с кнопками социальных сетей или в теле сообщения.

Пример:

Ту часть страницы, которую не нужно распечатывать включаем в конструкцию:

<span class="noprint">
.................
</span>

И устанавливаем стиль CSS перед </head>:

<style media='print' type='text/css'>
#navbar-iframe {display: none; height: 0px; visibility: hidden;}
.noprint {display: none;}
body {background:#FFF; color:#000;}
a {text-decoration: underline; color:#00F;}
}
</style>

В данном случае на листе не будет показана Панель навигации (navbar-iframe). Аналогичным образом можно поступить с боковой панелью, счетчиками, баннерами и другими элементами.

Можно стили вынести в отдельный файл

<link rel="stylesheet" media="print" type="text/css" href="/print.css" />

Более углублённо раскрывает тему данная статья.