17 мая 2012 г.

Как добавить иконки-превьюшки в Blogger

краски
Давно ничего не меняла в блоге. А тут захотелось немного его приукрасить, прицепить брошку-бантик. Побродила по интернету и вернулась с уловом: очаровательные иконки-превьюшки в конце поста.
Возможно, их мало кто и заметит, а мне душу греет. Мелочь, а приятно.


Так теперь может выглядеть и ваш блог.

демоверсия

И цветные кнопки соцсетей от платформы Blogger тоже смотрятся неплохо.

Добавляем наши иконки: "Дизайн" -- "Изменить HTML"  и перед ]]></b:skin> вставим код:

Код:



.post-author{
background:transparent url(http://1.bp.blogspot.com/-7jXjF7C9ZYA/T7EveIAOxZI/AAAAAAAACBE/Qfy7_liewxM/s1600/calendar.png) no-repeat scroll left center;
padding:2px 0px 2px 20px;
}
.post-labels {
background:transparent url(http://3.bp.blogspot.com/-93meDK2gs_8/T7EwY7J_puI/AAAAAAAACBM/_DRA_GsMrws/s1600/box.png) no-repeat scroll left center;
padding:2px 0px 2px 20px;
}
.post-comment-link {
background:transparent url(http://http://1.bp.blogspot.com/-CC6nnC6P3YI/T7FAoy1kQfI/AAAAAAAACBU/wdLbICvEqeg/s1600/balloon.png) no-repeat scroll left center;
margin-right:10px;
padding:2px 0px 2px 20px;
}

Все просто. Пять минут - и желаемое достигнуто. Только учтите что данный вариант применим только на стандартных шаблонах Blogger.Можете даже поменять превьюшки на свои, если найдете что-то поинтереснее. Это легко сделать, заменив в коде URL картинок (http://1.bp.....png ). 

Код позаимствовала у автора Bloggarolla.



Понравилась статья? Поделитесь с друзьями.

4 коммент.:

Сидорова Татьяна

Доброе утро! Спасибо за идею. Поставила у себя иконки-превьюшки. Все получилось!!!

Ирина Юдина

Здравствуйте, Вера! Интересную информацию увидела для себя у Вас на блоге.
И блог оформлен красиво, со вкусом. Возьму на вооружение.

Ольга

Спасибо! Воспользовалась!

Puma Shoes Online
Этот комментарий был удален администратором блога.

Отправить комментарий

Related Posts Plugin for WordPress, Blogger...