Как добавить кнопку «Распечатать Запись» на свой Blogger блог

Давать своим пользователям распечатывать (печатать) сообщения/посты блога с помощью всего одного клика это очень здорово. С другой стороны, почти все браузеры обеспечены простой встроенной и гибкой распечаткой веб-страниц. Так можно считать этот пост совершенно бесполезным?!

Кнопка печати для Blogger

Но как, оказывается, есть такие люди, которые хотели бы иметь функцию печати на своих блогах, по каким-то своим соображениям. Может им просто нужно, чтобы пользователи могли с блога печатать нужные записи/посты одним щелчком мыши, так чтобы не делать какие-то сложные процессы. В этой статье я покажу вам, как добавить кнопку быстрой распечатки записей на блогах Blogger.

Демо

Как добавить кнопку «Распечатать» на Blogger

Итак, первое, что вам нужно сделать, это войти в вашу учетную запись Blogger. После входа в систему, перейдите на любой свой блог >> Шаблон >> Изменить HTML >> Найдите кусок кода <div class='post-footer'>  и чуть выше него вставьте следующий код. Как только все будет сделано, нажмите кнопку «Сохранить шаблон», чтобы завершить процесс.

<div style="float: left; padding-left: 10px;">
<a href="javascript:window.print ()" rel="nofollow">Print this Article</a></div>

Теперь, чтобы сделать вашу кнопку красивой, необходимо настроить его с небольшим количеством CSS стилей. Вы можете создавать любые изображения с помощью любого популярного редактора фотографий или другим инструмент, типа Adobe Photoshop или просто применить скромные каскадные таблицы стилей (CSS), чтобы заставить ее работать. Вот небольшой пример того, как можно стилизовать кнопку печати.

<div style="float: left; padding-left: 10px;">
<a href="javascript:window.print ()" rel="nofollow"><img src="http://2.bp.blogspot.com/-kT9UBjBGSMI/UlyIVJP1tQI/AAAAAAAAC6o/flI31udqZ5c/s1600/print_button.jpg" /></a></div>

Поздравляю: Вы успешно добавили кнопку печати на свой Blogger блог. Вы можете просмотреть свои сообщения, чтобы убедиться, что все работает как надо.

Я надеюсь, что это маленький пост помог понять, как можно добавить кнопку печати в блоггер. Каковы ваши суждения о добавлении кнопки «Распечатать» на блог? Разве она нужна или это просто трата времени? Дайте мне знать, что вы думаете об этом.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>