Желаете научиться писать первоклассные статьи, которые будут приносить качественный трафик? Тогда скачайте мою БЕСПЛАТНУЮ книгу по ссылке справа.

Скачать книгу!
Главная страница » Настройка сайта » Загнутый угол — это как? Давайте попробуем (без плагина)

Загнутый угол — это как? Давайте попробуем (без плагина)

Здравствуйте, дорогие читатели! Сегодня будет небольшая инструкция по установке загнутого угла на WordPress, и не только, без плагинов.Эффект загнутого угла

Времени на моих часах ровно восемь часов утра. Из-за сильных морозов учеба отменяется... уже всю неделю так. Думаю многие слышали про ситуацию в городах Сибири. Очень очень холодно. Не нужно в школу, а что делать? Правильно — вести блог и радовать читателей! Что и делаю я в данный момент, объясняю как сделать эффект загнутого угла.

Эффект загнутого угла

Сейчас я дам Вам инструкция по установке угла, только перед этим нужно будет скачать архив с исходниками (ссылка находится в конце статьи). А так же необходимо нарисовать два изображение, размерами 75×75 и 500×500. Как Вы поняли, это буду изображения углов: развернутого и в покое.

1 этап. Скачиваем архив (ссылка под статьей), распаковываем и заменяем изображения на свои (large.jpg и small.jpg)

2 этап. В корне блога/сайта создаем папку и называем ее peelo. Можно по другому, но тогда придется переименовать путь к ней в одном файле (об этом ниже). В эту папку копируем все содержимое распакованного архива, с измененными ранее изображениями.

3 этап. Далее нужно отредактировать путь к скрипту. Для этого открываем файл peel.js, который находится в папке и указываем путь к странице, на которой будь уголок.

4 этап. Так же, если Вы назвали папку по другому, нужно изменить путь в строках 5 и 6 (как на рисунке ниже).

5 этап. Далее нужно прописать код, который будет воспроизводить данный скрипт. Для этого заходить в папку с темой. Можно зайти как через админ.панель в WordPress'е, так и через Ftp загрузчик. Рекомендую FileZilla (о нем я писать статье — программы для Вебмастера).

Заходим в файл header.php, и перед закрывающимся тегом <head> вставляем следующее:

<script tupe="text/javascript" src="peelo/peel.js"></script>

6 этап. Заходим на сайт и радуемся! Если что-то не получилось попробуйте еще. Если вновь не получилось, напишите в комментариях — я постараюсь помочь.

Вот что мы видим в итоге:

Спросите: почему у меня не установлен этот эффект загнутого угла? Просто мне не совсем это нравится. Тут ведь дело вкуса... Но Вам думаю понравится. Ай да, чуть не забыл:

>>Скачать исходники можно по ссылке<<

Также советую посмотреть следующее:

Программы для Вебмастера

Что писать в твиттере

Как раскрутить блог

+ Новость: Временно отключил древовидные комментарии. Причина: Дублирование контента. Как разберусь с этим, включу. Так же напишу пост по на эту тему. Знаю, что меня не одного мучает этот вопрос (Чтобы не пропустить, советую подписаться).

+ Еще новость: На блоге Черникова Дениса проводится отличный новогодний конкурс «Поздравь друга и выиграй 1000 рублей». Всем советую участвовать. Можно убить двух зайцев сразу: поздравить друга, и выиграть 1000 рублей. Для участия конкурса нужно записать в аудиоформате поздравления с новым годом. Не важно что: стишок, пожелание, песня, главное чтобы было в аудио. Ссылка на конкурс.

И как обычно, напоследок видео:

Всем пока!

С уважением, Томский школьник!

1 Звезда2 Звезды3 Звезды4 Звезды5 Звёзд (Оценок статьи ещё нет. Будьте первыми!)
Loading...

Понравилась статья? Поделитесь с другими!

Хотите получать оповещения о новых статьях на свою электронную почту?
Тогда введите свой E-mail адрес в форму ниже и нажмите Enter:
Оставлено комментариев: 29
  1. Vitalik,

    А какую нагрузку на сервер берет данная фишка?

    2012-12-20 в 9:27 дп |
    Ответить
    • admin,

      Vitalik, Практически никакой, скрипт легкий

      2012-12-20 в 10:18 дп |
      Ответить
  2. admin,

    Олег, Он самый :cry: Никак не могу разобраться... :?: Уже несколько тысяч дублей в гугле :( Ничем не сможешь помочь? Буду очень благодарен

    2012-12-20 в 4:39 пп |
    Ответить
  3. Александр,

    Я тоже могу посоветовать делать именно так без плагина. ;-) Чем меньше плагинов тем лучше :cool:

    2012-12-20 в 3:54 пп |
    Ответить
  4. Олег,

    Может пригодиться, если есть что-то интересное показать на скрытой странице. А так для прикола, лучше не ставить.

    А в чем проблема с дублированным контентом? Это что опять про replytocom?

    2012-12-20 в 4:09 пп |
    Ответить
  5. Тимофей,

    Тоже что-то подобное сделать. Плагин риббон менеджер устанавливал — плохо работал. Пробовал без плагина, тоже не получается.

    2012-12-21 в 3:03 пп |
    Ответить
    • admin,

      Тимофей, Я ставил и с плагином, и без него. Конечно лучше использовать скрипт! Меньше нагрузка на блог будет.

      2012-12-21 в 4:59 пп |
      Ответить
  6. admin,

    blogrub, извините, но я не понял, что Вы имеете ввиду. Можно поподробней?

    2012-12-22 в 5:21 дп |
    Ответить
  7. blogrub,

    А по мне так эти все примочки заманивающее пользователя ни к чему, хотя разве как для красоты своего блога. К стати что за неудобный у тебя плагин с http:// я обычно копирую с http:// и получается http:// имясайта, приходится стирать.

    2012-12-22 в 4:48 дп |
    Ответить
  8. blogrub,

    А вообще потом после первого коммента у тебя все ок :cool:

    2012-12-22 в 11:03 дп |
    Ответить
  9. Никита Рябин,

    Неплохой урок.

    2012-12-25 в 5:00 пп |
    Ответить
  10. Александр,

    Такая фишка полезна тем, кто предлагает своим посетителям что то купить или скачать. Туда можно продукт этот втиснуть. Хорошая штука. Спасибо Автору.

    2013-01-07 в 2:34 пп |
    Ответить
  11. Степан,

    Александр, не только это! В угол можно поставить и что-то другое к примеру конкурс комментаторов, и т.п.

    2013-01-23 в 1:27 пп |
    Ответить
  12. Степан,

    Или даже можно попробовать продать такой угол :smile:

    2013-01-23 в 1:28 пп |
    Ответить
  13. Александр,

    Степан:

    Или даже можно попробовать продать такой угол

    Хорошая мысль.

    2013-01-23 в 1:34 пп |
    Ответить
  14. Степан,

    Александр, согласен, но там посещаемость нужна...

    2013-01-25 в 7:30 дп |
    Ответить
  15. Александр,

    Посещаемость для всего нужна. Это первоочередная задача любого блогера.

    2013-01-25 в 10:15 дп |
    Ответить
  16. Степан,

    Александр:

    Не всегда! К примеру блог под биржи ссылок...

    2013-01-26 в 10:52 дп |
    Ответить
  17. Степан,

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

    2013-01-26 в 11:18 дп |
    Ответить
  18. Александр,

    Степан:

    Александр:

    Не всегда! К примеру блог под биржи ссылок...

    Не совсем понял.

    2013-01-26 в 11:16 дп |
    Ответить
  19. Александр,

    Степан:

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

    А как это интересно продавать ссылки с Блога, если его никто не просматривает. Вернее кто купит ссылку с такого Блога? :?:

    2013-01-26 в 11:23 дп |
    Ответить
  20. Александр,

    Хороший пост по созданию загнутого или «дразнящего» уголка, но мне кажется, лучше делать подобные уроки в формате видео

    2013-02-03 в 4:32 пп |
    Ответить
  21. Илья,

    А мне никогда не нравилась эта фишка, потому что не на всех блогах она отображается нормально. Да и отвлекает очень сильно.

    2013-07-12 в 6:09 пп |
    Ответить
  22. Мозгунова Ирина,

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

    2013-12-23 в 3:38 дп |
    Ответить
  23. Денис Скрипник,

    Так как я не вижу, что на мониторе, не понимаю, для чего он нужен.

    P. S. Везёт тебе. У нас редко на неделю отпускают со школы, даже во время морозов. Ну только началку. А у тебя вот как... Мне бы так в этой четверти, а то время наверстать надо: свои проекты развивать.

    2014-01-10 в 7:15 пп |
    Ответить
  24. Виталий,

    буду,и у себя также делать,думаю будет привлекать посетителей

    2014-03-29 в 10:32 пп |
    Ответить
  25. Мага,

    Как его реализовать в левой стороне ?

    2014-10-08 в 4:42 дп |
    Ответить
  26. Диана,

    Костя спасибо.) Вчера только лазила по блогам и думала, как же это сделать.) Но, пока что тоже себе такое не хочу, по идеи зачем?) Свою книжку я буду выдавать в качестве подарка за первый комментарий, если еще что-то потом создам, то сделаю такой уголок и вставлю туда бесплатность какую-нибудь.)

    2014-10-27 в 10:43 дп |
    Ответить
    • Константин Белан,

      Не за что, Диана — действуйте!

      2014-10-27 в 10:46 дп |
      Ответить
Оставить свой комментарий:

Эффективный блоггинг и инфобизнес с Белан Константином

Станьте моим партнером

© 2012-2015 | При копировании материала активная ссылка на сайт-первоисточник обязательна!

▲ Наверх