Оформление виджета Популярные сообщения

Доброго времени суток, судари и сударыни! На связи снова с вами Школа Bloggera для начинающих пользователей бесплатного блогохостинга Google Blogger и в том числе, и я, автор этого замечательного блога - Сергей. Любите экспериментировать со своим блогом? Хотите придать своему веб-ресурсу новый облик и внести изменения в его оформление? Тогда, это вы зашли ко мне удачно. Сегодня мы займёмся с вами виджетом Blogger - популярные сообщения/статьи, то есть, изменим стиль его. Превратим гаджет похожих постов, из обычного/стандартного в яркий, особенный с различными эффектами и так далее.

Волшебная палочка, здесь применяться не будет, она пригодиться для других, особо важных дел, а использовать будем только код Css и более ни чего.

Для того, чтобы у вас был выбор, я покажу вам несколько различных стилей оформления популярных сообщений, из которых вы, друзья, можете выбрать понравившейся и забрать его - к себе в блог. И так, поехали, чего тянуть резину.

Виджет Blogger популярные сообщения стиль оформления № 1

Blogger виджет
Похожие сообщения Blogger

Данное красочное оформление, как вы можете видеть на скриншоте ( к сожалению, демонстрации в живую не будет) работает отлично в стандартном шаблоне Blogger, в пользовательском не проверял. Здесь, популярные статьи с круглыми миниатюрами, при наведении на них курсором мышки происходит эффект вращения с увеличением картинки. Очень круто. Для того, чтобы представленные стили для виджета работали вам, что естественно, нужно иметь установленный в блоге гаджет Популярные сообщения. И ещё, все стили представленные тут, вставляются в шаблон, чуть выше строчки - ]]></b:skin>. Код CSS для первого оформления:

Идем к следующему стилю.

Виджет популярные сообщения Blogger стиль сетка миниатюр

Виджет Blogger
Виджет Популярные сообщения стиль сетка миниатюр

Стиль сетки с одними эскизами миниатюр, также при наведение курсора картинки вращаются. Работает такой стиль только, если у вас в настройках виджета снят флажок с фрагмент текста:

Виджет настройка Blogger
Настройка виджета популярные сообщения

Код CSS:

Следующий стиль оформления гаджета.

Blogger виджет популярные статьи красивый стиль № 3

Виджет/гаджет Blogger
Популярные статьи в Blogger

Красивое оформление с тенью и с эффектом при наведение курсора мышки, появляется красноватая обрамление/тень. CSS код для такого красивейшего стиля:

Пожалуй, представлю последний стиль. Надеюсь вам будет достаточно.

Популярные сообщения виджет Blogger с круглыми миниатюрами

Виджет Blogger
Популярные записи с круглыми миниатюрами

Также, очень красивое оформление популярных постов в Blogger, при наведение курсора появляется синея рамка, в покое рамка серая. Конечно, в коде можно покопаться и установить свои цвета. Код стиля CSS:

Вот, друзья, красоты на сегодняшний день достаточно. Надеюсь вам стили для виджета популярных сообщений понравятся. Удачи вам и до скорой встречи. Ах, да, чуть не забыл, здесь, есть и другие стили для популярных записей блоггер, тоже красивые. Посмотрите и тогда можете выбрать наиболее подходящий для вас. А тут, смена дизайна стандартного виджета формы для связи. Дерзайте, оформляйте и будет вам счастье. Пока, пока.

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

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

Решите задачку: *