Урок 2. Как привлечь внимание на сайте? Или живой отгибающийся уголок для сайта!

отгибающийся уголок для сайта

Здравствуйте, друзья!

Вот как и обещал вам в комментариях, пишу второй урок по созданию дразнящего уголка! Нет, это не опять очередная ленточка, только другого цвета — это намного круче!

Чего тянуть кота за хвоста? Приступим к подробностям!

В этом посте мы установим живой отгибающийся уголок для сайта:

  • Который сможет заменить всем надоевшие различные всплывающие окна
  • Своим живым видом, он привлекает читателей вашего блога и заставляет просмотреть то, что за ним спрятано.Он как бы манит и манит!
  • А еще один плюс это то, что он хорошо гармонирует с ленточкой, которую мы установили в предыдущем посте

Кстати, в ленту, ссылку можно и не ставить, а просто использовать ее для еще большего привлечения внимания!(вам на заметку)

Извините меня!Здесь я хотел добавить скриншот, как это дело будет выглядеть у меня, но пока что данный уголок у меня не работает.

Возможно это не совместимость с шаблоном(хотя навряд ли, он должен работать на всех html страничках и даже на Joomla), видимо я где-то допускаю ошибку.

Как найду ошибку, потом добавлю скрин.

Это как закономерность:что кажется нам пустяком над тем мы и зависаем!

P.S. Уголок не мог корректно работать из-за антивируса! Стоял Kaspersky- удалил я его, он мне давно не нравился, да и много чего блокировал так сказать не в пользу!

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

Так сказать — спокойный режим!

отгибающийся уголок для сайта

И при наведении курсора!

отгибающийся уголок для сайта

Отгибающийся уголок для сайта

 И так, как же установить данный уголок?

 Для установки вам понадобится специальный Java скрипт.

Для того чтобы его заполучить, нажмите на скачать. После того как скачали, создайте обычную папку с названием ugolok (при использовании другого название, в скрипте измените путь к файлам), с скачанного архива распакуйте содержимое (5 файлов) в эту папку.

И так приступим к небольшим настройкам:

Картинки по желанию можете заменить на свои, вы же уникальный человек не так ли?

Картинка под названием large имеет размер 500×500 пикселей, а картинка small 73×73.

Кроме этого, в скрипте, вы должны прописать свою ссылку вместо моей.

Ссылка — это путь, куда будет вести клик по уголку.

отгибающийся уголок для сайта

А так же, я выделил 4 одинаковых слова ugolok — это название папки в которой находятся файлы уголка, если вы все сделали как я говорил, то здесь менять ничего не нужно!(если вы указали другое название папки, измените его и здесь в 4 местах).

После всего этого, сохраните изменения и закиньте свою папку в корень блога(/public_html) через Ftp клиент.Теперь, нужно в файл (header.php) прописать следующий код (через админ панель вашего блога или через Ftp клиент) перед закрывающим тегом </head>:

 Если название папки другое, здесь тоже измените!

Надеюсь, вы не такие бездарные, как я и у вас все получилось! Сам тут обучаю вас, а у самого ничего не получается!

Да вот такой я ленивый, плагин кэширования только вчера настроил, до этого он просто так висел на блоге.

Как правильно настроить этот плагин, я напишу в следующем посте, подпишитесь, чтобы не потерять полезности!

Вот вам напоследок классное мотивирующее видео!

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

Пересмотрел два раза и до сих пор переполняют эмоции!

 Поделитесь с друзьями, пускай их тоже промотивирует!

С уважением, Владислав Лемишко.

Понравилась статья? Поделиться с друзьями:
Интересно о полезном
Комментарии: 16
  1. Алекс Fomik

    Я всё это знаю. Я сам работал 1 год дистрибьютором в Vision. Наслушался такого))) Этот ролик для совсем молодых и неопытных…

    1. Vlad

      А меня как-то вдохновил! :)

  2. Лара

    Пост интересный, возьму на заметку когда буду делать такой уголок.

    Влад, а в каком редакторе ты обрабатываешь картинки?

    Видео правда мотивирует! А Александр не заглянул к вам на блог?

    1. Vlad

      Фотошоп, paint (кстати, хочу раскрыть секрет, как я делаю классные картинки и видеоурок сделать, вот все руки не доходят)!
      К сожалению, нет! Он меня не видит и на комментарии не отвечает (я ему замечание сделал, в комментах только что)…

      1. Vlad

        Наконец-то ответил! :) И применил обычную отговорку (все-таки его понять можно)!

    2. Лара

      Александр уже совсем занятой человек, хотя мог бы и ответить…

      1. Лара

        Влад, я буду ждать урок с секретиками про картинки!!!

      2. Vlad

        Вот таких как вы да побольше! :)

    3. Vlad

      С одной стороны его понять можно, но а с другой — когда ему уже машут перед глазами, а реакции ноль! Это неправильно!

  3. Юрий

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

    1. Vlad

      Vk — в сайдбаре есть ссылка! За статью спасибо! :)

  4. Михед

    Я использовал когда-то этот уголочек, он только много ошибок выдает, когда валидность проверяешь + медленней блог грузится, пришлось отказаться от него :)

    1. Vlad

      Вот и у меня с ним проблемы! Не работает, хоть убей! :)

  5. Алекс Fomik

    Да, вот теперь отгибающийся не виден в постах, а только на главной и на страницах. У меня только на главной кажет. А до этого у тебя везде он был виден… У тебя полоска от квикриббон? Оставь что-нибудь одно — может они конфликтуют… У меня полоска своя стоит, но всё равно отгибающийся виден только на главной. Я убирал полоску — всё равно ничего не поменялось. Оставил так, так как пост про это есть и нужно, чтобы читатели видели, как он работает…

    1. Vlad

      Вообщем, сегодня удалил Kaspersky. У меня и-за него на сайты некоторые не заходило, в настройках копаться не захотел и решил его сменить (да и не нравился он мне!). Сейчас уголок работает, немного картинку подкорректировать и все!

  6. Артём

    Вот здесь на много интереснее смотрится ))

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.