Всплывающая панель рекомендаций сообщений блога



Настройка и установка всплывающего блока рекомендаций постов и фиксированной панели Приветствия

Здравствуйте дорогие читатели и все, кто забежал на огонек. Еще в декабре прошлого года я написала пост об установке плавающих социальных кнопок от сервиса Addthis.com. С тех пор многое изменилось, в программе появились дополнительные инструменты для наших блогов. Да и настраивается уже все не так. 

Сначала хотела дописать информацию в ранний пост, но передумала и решила написать новый пост, а тот со временем удалю. Не буду отнимать Ваше драгоценное время и перейду к информации.

Как добавить профиль на сервисе Addthis
Скриншот 1
Кто не зарегистрирован, перейдите на сайт Addthis.com, пройдите легкую регистрацию и читайте пост дальше. После регистрации нам надо создать профиль. Найдите вкладку профиль, кликните по ней и на следующей странице нажмите добавить профиль.
Откроется не большое окошко (скриншот 1). Придумайте название и нажмите добавить.

Дальше Вы увидите индивидуальный ID для созданного профиля.

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

Этот код надо скопировать и вставить в шаблон-изменить шаблон выше закрывающего тэга </body>. Не забываем делать резервную копию шаблона.

В не стандартных шаблонах тэг найдете в самом низу, в родных шаблонах Google чуть выше снизу. Blogger может не принять код и выдаст ошибку, поэтому преобразуйте код скрипта в генераторе кода AdSense (в меню перейдите по ссылке). Просматриваем и сохраняем шаблон.

Скрипт вставили, теперь выбираем инструменты для блога. Здесь нам предлагают большой выбор как платных, так и бесплатных инструментов (помечено зеленой полосой FREE). Рассмотрим бесплатные: большой выбор кнопок социальных сетей вертикальных и горизонтальных. Обратите внимание, чтобы установить некоторые из них в блог, надо получить и скопировать еще один код, и вставить в дизайн-добавить гаджет.

Как настроить блок рекомендаций постов
Скриншот 3
Далее ищите всплывающий блок рекомендуемого контента. Предлагают варианты: внизу страницы справа, в футере, горизонтальное и вертикальное положение окна. В двух последних так же надо вставить код в черновике blogger -дизайн-добавить гаджет. Выбираете, жмете настроить.

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


Настройка панели Приветствия
Скриншот 4
Еще что мне понравилось из инструментов-фиксированная панель приветствия сверху или снизу, у них называется Бар. При прокрутке страниц блога всегда на виду.

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



Находим Добро пожаловать Бар и нажимаем настроить (скриншот 4). Впишите текст сообщения и кнопки, вставьте ссылку. Выберите цвет фона панели, можно в поле вставить свой код цвета. Далее настройте цвет текста сообщения и кнопки и, положение на странице верх-низ. Нажмите Активировать. Панель должна появится в течение 5 минут. В любое время панель можно отключить. Где Вы нажимали настроить, после активации появится кнопка отключить.

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

В предыдущем посте я писала  Анимированный виджет счетчика статистики посещений блога;  Так же может заинтересует:  Как увеличить ширину отдельной страницы




Автор статьи ✎ Olga Protasova Выпуск ✹ 9/30/2014 Ярлыки ►


Открыть комментарии →

0 коммент. :

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

Ув. читатели! Для вставки HTML кода в комментарии, воспользуйтесь в меню Генератором преобразования HTML кода.

 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *