Популярные сообщения Blogger

Стили для популярных сообщений BloggerПриветствую вас, дорогие мои читатели и гости моего супер блога для Blogger! Дамы и господа, как вы знаете в Blogspot есть стандартный виджет Популярные сообщения Blogger и как то почти у всех он выглядит одинаково, я имею ввиду дизайн (стиль) гаджета. Я сегодня вам предлагаю для того, чтобы выделиться из серой массы пользователей Blogger поменять стили для данного виджета. Во первых будет красиво и во вторых, не как у всех.

Согласны? Тогда вперёд, для вас подготовил четыре красивых стиля для виджета популярных сообщений для блога.

Как поменять дизайн виджета - Популярные сообщения Blogger

Первым делом, если у вас уже установлен данный гаджет вам нужно изменить его настройки, а у тех у кого он ещё не добавлен, добавьте с такими настройками. Без миниатюр и анонса:

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

Сохраните изменения и перейдите в Шаблон - Изменить HTML и найдите тег ]]></b:skin>, теперь вам нужно выбрать из представленных стилей для виджета. Стиль номер один:

Виджет похожих сообщений
Виджет похожих сообщений - стиль номер 1

Здесь, есть интересный эффект, при наведение мышкой на заголовок статьи цифры начинают вращаться и изменяется фон ссылки. Стиль CSS для вставки в ваш шаблон чуть выше строчки  ]]></b:skin>

Вставка стилей в шаблон Blogger
Вставка кода CSS в шаблон Blogger

код такой:

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

Стиль для виджета популярные статьи
Популярные статьи для Blogger, стиль номер два

Код CSS для смены дизайна гаджета такой:

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

Виджет для блогспот популярные сообщения
Виджет Blogger - Похожие сообщения

При наведение мышкой ссылка на статью становится синея и немного отклоняется. Код для вставки в шаблон такой:

Как вы наверное заметили, в коде я кое что подписал на русском языке, чтобы облегчить вам настройку различных цветов для виджета. И последний стиль гаджета, номер четыре:

Гаджет для блоггер Популярные сообщения
Популярные сообщения

Ссылки при наведение светло синего цвета и заголовки двигаются. Для такого простого стиля код:

Вот и всё на сегодня. Прошу в комментариях: отзывы, предложения и пожелания, а также не откажусь от благодарностей. Удачи всем и до скорого свидания на страницах Школы Bloggera. Пока, пока.

Комментарии

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

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

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