Дед Мороз на вашем блоге

Здравствуйте, друзья! Совсем скоро начнутся новогодние праздники. И мои постоянные читатели наверняка заметили, что на прошлой неделе на моем блоге появились снежинки. Надеюсь это поднимает им настроение. Кстати, Вы тоже можете устроить небольшой снегопад, установив простой скрипт, про который я писал в этой статье. Но все-таки какой Новый год без Деда Мороза? И я решил пригласить его на странички  своего блога, так что в этой статье Вы узнаете, как установить Деда Мороза на блоге.

Кто думает, что пригласить Деда Мороза сложно, что нужно писать в техподдержку Великого Устюга, тот ошибается. Все намного проще и дочитав статью, Вы сами убедитесь в этом. Для начала конечно понадобится сам Дед Мороз. Я выбрал вот такого веселого. Вы можете сделать свой выбор. Но кого устраивает этот, то нужно просто прописать  такой скрипт в код шапки своего блога:

<div style="position: fixed; top: 10%; left: 0;">
<img src="https://sovetywebmastera.ru/wp-content/uploads/2015/12/moroz.png"
title="С Новым годом">
</div>

Важно! При копировании кода с данной статьи у Вас появится строчка с таким вот содержанием «контент скопирован с блога sovetywebmastera» и ссылка, вставлять код нужно без этой строки, то есть удалите ее. Код должен быть точно такой же, как размещен выше!

Тем, кто хорошо ориентируется в WordPress вся эта процедура займет 1-2 минуты. А новичкам попробую объяснить поподробнее. В консоли блога на вкладке «Внешний вид» (слева) выбираем «Редактор» и после этого справа в Шаблонах выбираем «Заголовок» (header.php).

В открывшемся коде ищем вот такую запись </head> (закрывающий тег head) и перед ней вставляем вышенаписанный код.

После этого нажимаем «Обновить файл». Теперь можно  зайти на свой блог и посмотреть, как на нем устроился Ваш Дед Мороз. В принципе все должно получиться с первого раза. Но вполне возможно, что понадобится некоторая корректировка его положения в дизайне. Вверх-вниз положение Деда Мороза можно регулировать изменяя процентное отношение в значении top: 10%. Вы можете поставить любое подходящее значение в процентах.

Если Вы решите поставить свою картинку (ведь неплохо будет смотреться и веселая обезьяна – символ наступающего года), то имейте ввиду, что достаточно прописать путь к ней и вместо left указать значение right и картинка появится с другой стороны. При желании можно назначить и отступ, но это уже зависит от содержания Вашей картинки.

Если Вы новичок и не хотите париться с прописыванием пути к картинкам и так далее, то смело ставьте мой код и у Вас будет такой Дед Мороз как и у меня.

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

На этом я Вас больше задерживать не буду. Думаю, что Вам уже хочется воспользоваться предложенной новогодней фишкой. Единственная просьба – отписаться в комментариях о результатах. Я со своей стороны обещаю, что, если возникнут вопросы, то постараюсь сразу на них ответить. И конечно же, с Наступающим Вас!

P.S. Кстати, если Вас интересует партнерский маркетинг и инфобизнес в целом и Вы хотите получать мощные знания от меня лично, тогда я хочу пригласить Вас в свою Академию Партнерского Маркетинга. Все подробности по этой секретной ссылке.

С уважением, Евгений Вергус.