Анимированный Дед Мороз на сайт
В преддверии наступающего года посетителей Вашего сайта может радовать анимированный Дед Мороз.
Дед Мороз приглашает "нажать" на него.
После нажатия сверху сыплются новогодние игрушки и кнопка "Поделитесь ссылкой".
А затем, если посетитель нажмет на кнопку "Поделись ссылкой", появится всплывающее окно с социальными кнопками:
Такой социальный гаджет(виджет), привлекающий дополнительный трафик на Ваш сайт или блог, очень легко добавить.
Для этого выберите персонажа:
- первый Дед Мороз,
- второй Дед Мороз.
Затем можете вписать в специальное поле адрес своего сайта и посмотреть - как будет выглядеть анимированный персонаж у Вас (есть пример в режиме онлайн на сайте авторов - кнопка Пример).
Затем выберите вариант Деда Мороза на сайт. Для блогов на платформе Blogger - вариант 2 "Код в развернутом виде".
Далее нужно скопировать готовый код и вставить в гаджет (или виджет - для других сайтов).
Для установки социальной анимации на Blogger создаем новый гаджет HTML/JavaScript (Дизайн -> Добавить гаджет -> HTML/JavaScript)
И вставляем в поле Содержание сначала код библиотеки:
Затем ниже скопированный код скрипта анимации (будет разный, в зависимости от выбранного персонажа).
Что можно настроить - в начале кода скрипта.
"use strict";
(window.plusonet = window.plusonet || []).push(function(){
/* ПЕРЕМЕННАЯ С ТЕКСТОМ */
var cloudText = "Привет!<br>Нажми на меня.";
var start = 1; /* Запустить скрипт */
var timeCross = 86400 * 30; /* На сколько дней исчезнет персонаж после нажатия на крестик */
var rightPosition = 5; /* позиция персонажа от правого угла (в процентах) */
О других анимированных персонажах Вы можете прочитать в моем блоге Я сама блоггер.
***С наступающим! Всего Вам самого наилучшего!!! ***
Дед Мороз приглашает "нажать" на него.
После нажатия сверху сыплются новогодние игрушки и кнопка "Поделитесь ссылкой".
А затем, если посетитель нажмет на кнопку "Поделись ссылкой", появится всплывающее окно с социальными кнопками:
Такой социальный гаджет(виджет), привлекающий дополнительный трафик на Ваш сайт или блог, очень легко добавить.
Для этого выберите персонажа:
- первый Дед Мороз,
- второй Дед Мороз.
Затем можете вписать в специальное поле адрес своего сайта и посмотреть - как будет выглядеть анимированный персонаж у Вас (есть пример в режиме онлайн на сайте авторов - кнопка Пример).
Затем выберите вариант Деда Мороза на сайт. Для блогов на платформе Blogger - вариант 2 "Код в развернутом виде".
Далее нужно скопировать готовый код и вставить в гаджет (или виджет - для других сайтов).
Для установки социальной анимации на Blogger создаем новый гаджет HTML/JavaScript (Дизайн -> Добавить гаджет -> HTML/JavaScript)
И вставляем в поле Содержание сначала код библиотеки:
<script async src="//cdn-library.su/plusonet/lib/plusonet-3.8.min.js"></script>
Затем ниже скопированный код скрипта анимации (будет разный, в зависимости от выбранного персонажа).
- Выделенный зеленым цветом текст - текст, который показывается в облаке рядом с персонажем.
- Выделенная желтым цветом цифра - на сколько дней исчезнет персонаж после нажатия на крестик.
- Выделенная фиолетовым цветом цифра - позиция персонажа от правого угла (в процентах).
"use strict";
(window.plusonet = window.plusonet || []).push(function(){
/* ПЕРЕМЕННАЯ С ТЕКСТОМ */
var cloudText = "Привет!<br>Нажми на меня.";
var start = 1; /* Запустить скрипт */
var timeCross = 86400 * 30; /* На сколько дней исчезнет персонаж после нажатия на крестик */
var rightPosition = 5; /* позиция персонажа от правого угла (в процентах) */
О других анимированных персонажах Вы можете прочитать в моем блоге Я сама блоггер.
***С наступающим! Всего Вам самого наилучшего!!! ***
Комментарии
Отправить комментарий