Как вставить картинку в сайдбар



 

Здравствуйте уважаемые читатели блога Inetmi.ru! Сегодня Вы узнаете как вставить картинку в сайдбар с пользой для Вашего блога.

Причин по которым размещается изображение (картинка) в сайдбаре – несколько… Это может быть связано с продвижением определённой статьи, различные анонсы будущих мероприятий, некоторые для сближения со своей аудиторией выкладывают своё фото, другие ставят большие кликабельные картинки – кнопки социальных сетей и т.д. вариантов много – пользы ещё больше.

Например: как можно при помощи изображения в сайдбаре продвигать свои статьи? Легко!  Допустим написали статью, разместили там реферальную ссылку (очень хочется заработать хоть немного денег), а с поисковых систем на статью народу то и не густо. Тогда создаёте изображение-ссылку, прикручиваете к боковой колонке (сайдбар) и всё!

Теперь на каждой страничке Вашего ресурса видно, что Вы предлагаете или рекомендуете (кота в мешке :) ). Этим самым способом обеспечиваем себе дополнительный направленный трафик, плюс ко всему улучшаются поведенческие факторы (ПФ) – просто супер.

Запомните, чем интересней и привлекательней изображение, тем больше обратят на него внимания, следовательно больше переходов. Вы согласны? У меня так же сайдбар содержит картинки-анонсы, позже появятся картинки-ссылки ведущие на внутренние страницы, но сейчас не об этом. Я думаю, тут всё понятно, что бы там ни было, но сайдбар без картинок – это не сайдбар! :)

Добавляем изображение в сайдбар

Предположим, у Вас уже имеется готовое изображение нужного размера, которое сейчас будем размещать на своём ресурсе (блоге).

Заходим в свою админку, нам нужна вкладка «Записи» — «Добавить новую»… Открываем редактор и в самом верху нажимаем «добавить медиа файлы» С компьютера посредством кнопки «» открываем изображение и нажимаем «Загрузить».

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

Нажимаем «Вставить в запись». Наш рисунок находится теперь в самом редакторе, берём и кликаем по нему (ЛКМ), дабы убедиться, что всё сделано правильно, проверяем вписанный URL адрес, или наоборот, чтобы поле было пустым – не поленитесь и проверьте. Теперь переходим из визуального редактора в режим HTML, где находится готовый код для вставки. Копируем код.

Переходим на вкладку «Внешний вид» — «Виджеты». Здесь находим виджет «Текст», захватываем его мышью и перетаскиваем в боковую колонку, в то место, где Вам нравится (всегда можно поменять). В поле «Заголовок» вписываете что хотите, а пустое и обширное поле ждёт наш скопированный  HTML код изображения. Сделали? Нажимаем обязательно на «Сохранить», теперь пришло время проверять!

Теперь Вы знаете, как вставить картинку в сайдбар, надеюсь всё было понятно. Вам помогла эта информация? Жду комментариев!

Новости блога

№1. Скоро будет записан видео урок «Взрыв блога», не бойтесь речь идёт о мега росте посещаемости Вашего ресурса. Я лично не ожидал такого эффекта, как резкий подъём посещаемости, меня это очень удивило. В видео уроке детально будет показано и рассказано, что делать и как. Польза будет и не малая особенно начинающим блоггерам, с посещаемостью пять человек в сутки можно будет поднять до 500! Здесь нет подвоха, не надо ничего и никому платить. А ведь я говорю о целевой аудитории… Заинтриговал?

№2. На днях стартует кроссворд, разгадав который получите комплексный антивирусный продукт... Смотрите прошлые итоги кроссворда. Не пропустите – участие примите!

№3. На блоге ввожу систему поощрений для комментаторов : оставь «круглый» комментарий – получи денежное вознаграждение. Ещё планирую ввести такую фишку, как лучший комментатор месяца.  А может ещё и …  Не пропускайте выхода новых статей, участвуйте в разгадывании кроссвордов, комментируйте на блоге, подождите, впереди будет много интересного и полезного – мне так много надо рассказать Вам…

 



Обратите внимание на следующие статьи...

38 Комментарии к статье “Как вставить картинку в сайдбар
  1. Ух как вовремя статья написана, мне даже не нужно ее в инете гуглить. Я как раз собираюсь вместо видео в сайдбаре картинку с анонсами разместить. А то народ, по не понятной мне причине, при написании комментария не ставит ссылки на свои посты? 😕

    Андрей, жду вашего взрывного видео! Устроим себе новогодний фейерверк посещаемости! А то уже стол накрыт статьями, а гостей маловато. ❓

  2. Татьяна, у меня возникли некие проблемки с блогом, пытаюсь всё утрясти...

    Видео будет, но с маленькой задержкой 💡 ...

    Скоро кроссворд! Примите участие?

  3. Конечно приму участие, я же обещала исправиться 😳 А то пишу, пишу контент, скоро писателем стану. А кроссворды вещь хорошая, с мозгов пыль тоже трусить нужно периодически. 😀

  4. Статья полезная, но у меня по вашим рисункам в сайтбаре не осуществляется переход на вашу статью 💡

  5. Алекс, всё верно! Картинки в сайдбаре не ведут на внутренние страницы — так задумано. Я лишь делаю анонсы. Но это пока 😀

  6. привет, Андрей!

    я тоже хочу взрывное видео!

    можно?

  7. Галина конечно можно, будет предварительный анонс о выходе «взрывного блога».

    Сейчас наша погода совсем не располагает к скорейшему выходу новых статей, обучающего видео и т.д... Сегодня весь день просидели без света, да и вчера, всё в том же духе :sad:. Интернет — лучше Вам не знать! Скорости катастрофически не хватает — ведутся восстановительные работы.

    Думаю, в ближайшее время всё наладится — надеюсь.

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

  9. Спасибо Светлана... Стараюсь писать — просто, с юмором, для людей :smile:

  10. Андрей, я еще хочу спросить. А что потом с этой новой записью, с которой мы скопировали код для виджета? Можно ее удалить? Эта же картинка у меня будет в полноценной статье. Что Вы посоветуете? 😐

  11. Светлана, та запись, которая была в редакторе нам больше не нужна — удаляем. Картинка уже загружена на хостинг. 😉

  12. Спасибо, Андрей! Кирпичики в стене моей блоггерской грамотности только свалены громадной кучей рядом с еще незатвердевшим фундаментом моего блога!

  13. Светлана, главное, чтобы марка бетона была покрепче — от этого зависит сейсмоустойчивость будущего дома (блога) :)

  14. Здравствуйте! что-то у меня не получается установить картинку, где брать код чтоб скопировать?

  15. Наташа, Всё очень просто... Админка блога — записи — добавить новую — (появится редактор) — жмём «Добавить медиафайл» — вставляем изображение — после нас перекидывает опять в редактор — теперь переходим из вкладки «Визуально» в «Текст», где и будет сформирован готовый код. 😉

    Будут вопросы — обращайтесь. :smile:

  16. Здравствуйте!!! с кодом я разобралась, на вкладке «Внешний вид» — «Виджеты» все вставила скопированный HTML код изображения, а вот дальше почему то не получается! помогите разобраться! пожалуйста!

  17. Наташа, Вы перетянули вкладку «Текст» в сайдбар, в которую нужно поместить скопированный код?

    Сохранили? Перезагрузили страницу (F5)?

  18. Да все это я сделала! Картинка на хостинг не загружается( не знаю почему!!!

  19. Можете мне через форму «Обратная связь» переслать код Вашей картинки? Я посмотрю, возможно была допущена ошибка...

  20. Наташа, код правильный. Проверил на своём тестовом блоге. Давайте сделаем так: Вы вставляете код у себя, сообщаете мне, а я зайду на блог и посмотрю, возможно не видно картинку с Вашей стороны...

  21. Да всё отлично. Картинка выводится...

    Выйдите из админки блога и зайдите на сам блог, обновите страницу, если понадобится — ещё раз обновите.

    Если не получается, посмотрите из другого браузера.

    Сообщите мне о результате.

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

  23. То, что Ваше фото отображалось в боковой колонке — это факт, а вот почему ВЫ его не видите... Такое бывает на компьютере, когда в программе нет подходящего файла для чтения.

    Попробуйте изображение в другом формате: Jpg, Png, Gif...

  24. В боковой колонке я фото видела, а вот во вкладке слева от названия сайта фото не показывает, как у всех! Может я что — то не так поняла! 😕

  25. Наташа, теперь я ничего не понял... Вы отписываетесь в статье «Как вставить картинку в сайдбар» и мы решаем вопрос как «загнать» картинку в боковую колонку... Но сейчас говорите о вкладке, что похоже по описанию на фавикон... Если так, тогда Вам сюда: «Как сделать фавикон для сайта»

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

  27. Всего доброго Наташа, будут вопросы — обращайтесь. 😉

  28. Лиза, а разве могло быть иначе!? 😉

    Удачи в развитии ресурса.

  29. Спасибо. Коротко и по делу. Действительно, раньше о такой возможности не задумывался, а теперь пару баннеров со ссылкой на важные статьи в сайдбар всунул. Пользователям понравилось. :-)

  30. По поводу «Добавляем изображение в сайдбар». Это не просто понятно, это понятно даже для меня. Значит объяснение просто супер!!!

  31. Анатолий, спасибо. Стараюсь и видимо не зря, раз получаю такие комменты :)

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

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