Получайте секретные материалы проекта на свой E-Mail:

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

Здравствуйте, дорогие читатели! Сегодня будет небольшая инструкция по установке загнутого угла на 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 рублей. Для участия конкурса нужно записать в аудиоформате поздравления с новым годом. Не важно что: стишок, пожелание, песня, главное чтобы было в аудио. Ссылка на конкурс.

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

Всем пока!

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

Белан Константин Сергеевич

С уважением, Константин Белан.

Рабочая 634570 Россия, Томская обл., г. Томск, +7 952 160 36 17
Сделайте мне приятно - нажмите на любую из кнопок:
Подпишитесь на рассылку блога и получайте новые статьи на свою почту
Количество комментариев к данной статье: 29
  1. А какую нагрузку на сервер берет данная фишка?

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

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

  3. Ответить

    Я тоже могу посоветовать делать именно так без плагина. 😉 Чем меньше плагинов тем лучше 😎

  4. Ответить

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

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

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

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

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

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

  8. А вообще потом после первого коммента у тебя все ок 😎

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

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

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

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

  13. Степан:

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

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

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

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

  16. Александр:

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

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

  18. Степан:

    Александр:

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

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

  19. Степан:

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

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

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

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

  22. Ответить

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

  23. Ответить

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

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

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

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

  26. Ответить

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

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