Нужные виджеты для Blogger

Здравствуйте, товарищи дорогие! Предлагаю вашему вниманию нужные виджеты для Blogger. Данные гаджеты не только нужные, но и будут полезные для вашего блога. Сегодня у нас будет: форма подписка по E-mail (другой набор есть, здесь); Blogger виджет случайных сообщений; блок состоящий из формы подписки по почте с соцкнопками и рекламным местом; блок с формой подписки, соцкнопками и похожие статьи без миниатюр. Все представленные виджеты/гаджеты очень симпатичные, вам они понравятся.

виджеты для Google Blogger
Нужные виджеты для Google Blogger

Первым у нас пойдёт виджет подписки по E-mail - бесплатная рассылка обновлений по электронной почте, чтобы позволить вашим посетителям блога подписаться на получение ваших новых записей по электронной почте (E-mail).

Подписка по E-mail - виджет Blogger

Выглядеть он будет так, симпатично:

Форма подписки
Форма подписка по почте

Установить такой виджет и другие, представленные ниже, можно с помощью нашего любимого, и не заменимого гаджета HTML/JavaScript. Вставьте в его поле такой код:

Как видите, здесь, объедены стили виджета и сам HTML код и поэтому вам, дополнительно, не надо лазить в шаблон блога. Всё просто, вставили и готово. Теперь, что нужно в коде заменить. По умолчанию ширина виджета выставлена 280 px, менять в этой строке - width:280 px; (в самом верху). Естественно, надписи можете тоже заменить и самое главное, в двух местах замените решётки #### на свой ID Feedburner. Побежали дальше.

Виджет случайных сообщений с картинками

Вот такой виджет random post:

Виджет Blogger
Случайные записи

Какую роль выполняет данный гаджет? Догадаться не сложно, всё ясно по названию. Виджет будет для ваших посетителей показывать сообщения в случайном порядке, то есть, при каждом обновление страницы будут вытаскиваться и отображаться совсем разные записи.

Это как бы палочка выручалочка для вас, пусть мелькают разные заголовки статей у посетителей перед глазами, всё равно читателя, что нибудь да, и заинтересует. А значит будет больше просмотров. Вот, как то так. Ну вообщем вы меня поняли, очень надеюсь.

Для установки виджета случайных сообщений в блог, зайдите в панель управления Blogger - Дизайн и на боковой панели нажмите добавить гаджет HTML/JavaScript и в его поле вставьте код:

Сохраните и всё готово. Проверьте работу, просто обновите страницу. Как вы можете видеть, мы поместили в гаджет всё вместе, стили виджета и скрипт, для того, чтобы вам облегчить работу и не искать в шаблоне нужные теги. Далее, пройдёмся по основным настройкам.

width: 75px; height: 75px; - размеры выводимых картинок;

var randomposts_number = 5; - количество выводимых сообщений;

var randomposts_chars = 110; - количество символов анонса;

var randomposts_details = 'yes'; - показывать дату и количество комментариев. Если не надо, то указываем значение no.

Вроде не забыл ничего, если что, обращайтесь. Что там у нас идёт далее? А дальше идут супер виджеты красавцы которые устанавливаются сразу после статьи блога.

Блок виджетов Blogger после сообщений

Я даже не знаю, как этот виджет назвать. Назову его многофункциональным виджетом три в одном. Вот он супер красивый блоггеровский виджет:

Blogger виджет
Блок Blogger виджетов

В этом блоке в дополнение к форме подписки по почте присутствует: место под рекламу 120 х 120 (использовать можно не обязательно под объявление); социальные кнопки Facebook, Google plus, Twitter, а так же присутствует в форме, название читаемой статьи (вверху блока SEO ссылка). Фон у меня получился серенький, но у вас должен быть по идее белый, хотя, как знать, смотря куда его установите.

Стиль CSS для данного виджета:

CSS стили устанавливаем в шаблон блога чуть выше строчки ]]></b:skin>.

Код HTML для установки виджета под сообщение в вашем блоге:

Данный код гаджета вставляется в шаблон блога после строки (чуть ниже) <data:post.body/> или после <div class='post-footer-line post-footer-line-1'>, или <div class='post-footer-line post-footer-line-2'>, или <div class='post-footer-line post-footer-line-3'>. Шаблоны у всех разные и поэтому строки тоже будут разные. Здесь, так же, замените мои данные в соцсетях на свои и надписи впишите, какие вам захочется. Вместо решёток ##### укажите ваш ID блога/сайта FeedBurner.

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

Блок: форма подписки по почте; похожие сообщения без картинок и соцкнопки

Многофункциональный виджет для Blogger вам должен понравится, он просто красава. Смотрите какой он, английский не бойтесь, у вас будет русский язык:

Супер виджет
Супер виджет для блога Blogger

Как вы видите блок состоит из нескольких виджетов: подписка по почте; похожие статьи без миниатюр (похожие сообщения есть ещё, здесь) и социальные кнопки. Три в одном. Экономия места в вашем блоге будет серьёзная.

CSS стиль данного виджета такой:

А код для вставки после сообщения:

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

Некоторые виджеты одолжил у индонезийского автора - rivai-silaban, дай ему господь здоровья и побольше создать хороших и разных виджетов для нас, пользователей Blogger.

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

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

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