Георгиевская ленточка

Как быстро ставится георгиевская ленточка на свой блог.

георгиевская ленточкаЗдравствуйте друзья.

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

 

Все-таки это атрибут великого праздника. Я надеюсь что те владельцы сайтов, которые прочитают мою статью не преминут возможностью использовать мое предложение. Вот так выглядит георгиевская ленточка на моем сайте.

 

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

 

георгиевская ленточка первый вариант.

<div style=»position:  absolute; fixed; top: 10%; left: 0;»>
<img src=» https://bisnesinternet.ru/wp-content/uploads/2019/04/Ir3y_yapx.ru_.png »
title=»Мы помним! Мы Гордимся! Мы не забудем!»>
</div>

 

 георгиевская ленточка второй вариант.

<div style=»position: fixed; top: 10%; left: 0;»>
<img src=» https://bisnesinternet.ru/wp-content/uploads/2019/04/Ir3y_yapx.ru_.png »
title=»Мы помним! Мы Гордимся! Мы не забудем!»>
</div>

 

Здесь я вам выложил два его варианта.

Первый вариант

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

Второй вариант

когда код фиксирует картинку постоянно на одном и том же месте.

 

Какой из этих вариантов выбрать вы сами поэкспериментируйте.
Один из доводов я вам только что озвучил. Я для себя выбрал первый вариант. Теперь я код скопирую, зайду на свой сайт, далее необходимо зайти в консоль своего блога, на вкладке ( внешний вид ) выбрать редактор.

После этого с правой стороны найти файл под названием (header.php). Вот он у меня.

 

георгиевская лента

 

Вставляем код георгиевской ленточки

Итак открываем этот файл и теперь ищем закрывающий тег  </header>  или  </head>.  Куда поставить код, зависит от вашего шаблона. У меня этот код ставится перед закрывающим тегом  </header>. Он находится примерно в первой половине данного кода. Поэтому прокручиваем код вниз и ищем где он конкретно стоит.

Вот я его нашел вот он под номером 1,

 

код вставки

 

ставлю курсор перед ним и вставляю скопированный код из буфера обмена. В этом коде вам необходимо будет поставить ссылку на картинку.

Картинки

Вот ссылка на картинки https://yapx.ru/code/Ir36. При переходе на сайт вы попадете  на  страницу япикс, здесь представлены все варианты картинок, часть из них скрыты за спойлером но вы на это не обращайте внимание сразу
нажимайте html. Вот собственно та целевая страница, которая нам нужна на данной странице.

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

 

 

картинка георгиевская ленточка

 

Выбираем георгиевскую ленточку

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

 

Но вы можете выбрать то изображение, которое вам больше пришлось по душе. В окне прямая ссылка на изображении ставим курсор и копируем полностью ссылку. Возвращаемся обратно в консоль и вставляем ссылку из буфера обмена.

 

Теперь поскольку моя лента — это все таки не какое-то обособленное изображение, мне необходимо сделать так, чтобы она была в левом верхнем углу или в правом. Смотрим код, между цифрами 3 и 4 у меня стоит  right.

 

ленточка справа 

Если поставить leftто картинка переместится в левую сторону

 

ленточка слева

 

Также вы можете поиграть размерами, в коде под номерами 3 и 4. Картинку можно сдвинуть, сделать отступ вправо-влево, вверх-вниз. При установке других картинок, вы здесь можете поиграть, значение можно задавать в процентах но это больше касается отступа сверху или же в пикселях но естественно что необходимо будет указывать что это проценты или пиксели.

Оптимизация картинки

Да кстати, картинки которые вы будете загружать к себе на компьютер необходимо оптимизировать. Как это сделать читайте в моей статье Оптимизация картинки и ее уникальность.

 

После того как я это всё сделал необходимо сделать сохранение. Нажимаю обновить файл. Теперь я обратно перейду на блок, выйду из своей учетной записи и уже зайду к себе на блог как обыкновенный читатель. Еще раз обновлю
страницу и вот она моя та самая георгиевская ленточка которую я выбрал.

 

ленточка справа

 

Как видите все просто, доступно, понятно.

 

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

Этот способ универсальный

Но я так думаю, что 3-4 дня не сильно повлияют на рейтинг вашего сайта в глазах поисковой системы.
Еще хочу вам сказать, что данный способ универсальный, вместо ленточки можно ставить цифру 8 марта, изображение с наступающим Новым годом или же сердечко на день влюбленных.
Меняется только картинка, код сам по себе остается такой как есть.

 

Берите себе на вооружение. Поздравляю вас с наступающим праздником победы. Желаю
вам мирного неба и удачи во всех ваших начинаниях. До следующих встреч пока, пока.

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

   

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

почта
Мой магазин
moi magasin

Хостинг ХостиЯ

Мой канал

ютуб

Хотите иметь свой магазин и партнерскую программу?

скрипт

СКАЧАТЬ БЕСПЛАТНО

сайт создаем сами

Rambler's Top100