Главная - Без рубрики - Скрипт Peel — эффект «висячего» уголка страницы

Скрипт Peel — эффект «висячего» уголка страницы

Вам надо привлечь внимание посетителей к чему-то для вас важному? Например, вы что-то рекламируете, или хотите увеличить число подписчиков, или еще что-то. Для такой цели надо что-то особенное. Варианты всплывающих окон (pop-up window) не всегда нравятся посетителям. Я сам не люблю, когда посередине появлется маленькое окно, которое только мешает.

А что если расположить рекламу за пределами страницы, например, справа в верхнем углу, и привлечь внимание колеблющимся «уголком»?

Посетителю стало интересно — что там? При приближении курсора к уголку — открывается страничка с вашей рекламой или каким-либо призывом, который имеет ссылку для перехода:

Согласитесь, очень эффектно. Вам остается только сделать качественные рисунки для маленького окна и большого окна.

Как это сделать? Очень просто. Есть такой скрипт, который называется PagePeel. Он вам поможет. Читайте внимательно мою короткую инструкцию:

Шаг 1. Скачайте скрипт в архиве.

[sdfile url=»http://www.wpfreethemes.ru/wp-content/files/peel.zip»]

Шаг 2. Сделайте две своих картинки: одну размером 75х75px, вторую — 500х500px. В архиве есть две картинки, которые делал я. Как вариант, для примера работы можете сначала попробовать их.

Шаг 3. Замените картинки своими.

Шаг 4. Откройте файл peel.js (совет: используйте редактор Notepad++ или похожий, который поддерживает возможность редактирования файлов PHP с поддержкой отключения сигнатуры BOM). В файле вам надо заменить ссылки:

— строки 3, 4, 5, 10 и 11:

jaaspeel.ad_url = escape(‘http://feedburner.google.com/fb/a/mailverify?uri=bestwp&loc=ru_RU’);
jaaspeel.small_path = ‘http://localhost/perevod/wp-content/themes/onlinebusiness/peel/small.swf’;
jaaspeel.small_image = escape(‘http://perevod/flexthemes/wp-content/themes/onlinebusiness/peel/small.jpg’);

jaaspeel.big_path = ‘http://localhost/perevod/wp-content/themes/onlinebusiness/peel/large.swf’;
jaaspeel.big_image = escape(‘http://localhost/perevod/wp-content/themes/onlinebusiness/peel/large_n.jpg’);

В первой строке у меня стоит ссылка на подписку через Feedburner. Укажите ссылку для себя, какая вам нужна.

Затем вам надо изменить ссылки на ваш сайт. У меня сейчас в файле стоят ссылка на сайт на локальном сервере.

После изменения файла правильно его сохраните.

Шаг 5. Закачайте папку /peel в папку вашего шаблона (шаблона, а не WordPress!) через FTP-клиента или файловый менеджер хостинга.Если все сделали правильно — будет работать.

Демо скрипта

О admin

2 комментария

  1. а для HTML скрипт работать будет?

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

Ваш email нигде не будет показанОбязательные для заполнения поля помечены *

*