Всё только начинается!

sekrety_effektivnoi_samooborony-3

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


В этой статье мы научимся вставлять в сайдбар блога картинки. И ещё делать их с активными ссылками туда, куда нам нужно. Делаем баннер из картинки легко и просто.

Для чего нужно вставлять картинку в сайдбар

Да для самых разных случаев и надобностей. Вот, допустим, говорит добрый преподаватель в Первой Школе Блогеров-Подкастеров, что надо поставить логотип к себе на сайт. Или Вам нужно сделать красочный баннер на главной странице блога для какой-нибудь важной статьи, чтобы все посетители обратили на эту статью дополнительное внимание.  Именно для таких случаев и пригодится умение вставлять картинки в сайдбар. вот самый просто пример сайдбара с картинками. Это сайдбар моего блога «Родовое Гнездо»

скрин сайдбара с картинками

Скрин одного из моих сайдбаров с картинками

Делать это можно двумя способами. C загрузкой изображения на сервер, и без этого. Рассмотрим оба по порядку.

Предположим, нам нужно вставить в сайдбар логотип Зоны Свободной от Коммерческой Рекламы.

логотип для вставки в сайдбар

Его и вставим в сайдбар

Вот код, который нам надо для вставки картинки в сайдбар.

<a href=»http://trend-systems.ru/svoboda.htm" target="_blank"><img src="https://lh6.googleusercontent.com/-48rf6sr2lEw/UJvMVCEyGhI/AAAAAAAAAEY/Rmez4OzNKGM/s300/svopr.png" border="0" height="101" width="300"></a>

Вставка картинки в сайдбар при помощи простой ссылки

Смотрим видео-урок.

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

Вставка картинки в сайдбар при помощи сохранённого изображения

Мы также будем всё делать на примере изображения и кода выше. Только кардинально изменим процесс вставки.
Смотрим видео-урок.

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

Если материал понравился, прокомментируйте пожалуйста, даже если у Вас  нет ко мне вопросов))))

Или поделитесь со своими близкими при помощи кнопок социальных сетей.

В следующих уроках мы поговорим о том, как можно сделать изображение или баннер своими руками при помощи подручных средств, даже не имея опыта и знаний. и без использования серьёзных и сложных программ типа Adobe Photoshop.

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

А после этого можете с лёгкой душой вернуться на главную страницу.

 

 

Понравился пост!? Поделись с друзьями сделай ретвит! >>

Другие блогеры пишут:


6 комментариев: Как вставить картинку в сайдбар — видео

  • Ольга Болдырева говорит:

    Это все я Вас мучаю — сообразила только, что можно в резервной базе найти. Архив раскрыла, но дальше не пойму где и что искать. если есть возможность подсказать — буду очень благодарна! Может лучше бы мне было составить грамотный проект и ТЗ для фрилансеров? Ваше мнение. Спасибо!

    • Gnome говорит:

      Уверен — справитесь сами)))

      Идите на сайт Лайвинтернет, заходите в статистику — на главной странице нажимаете «войти в статистику», вводите адрес сайта и свой пароль. После этого, на странице со статистикой Вашего сайта уходите в самый низ страницы, и там на последней самой строчке есть ссылка «html-код счётчика». Переходите, выбираете свой вид счётчика, и внизу страницы нажимаете кнопку «получить html-код счётчика».

      И будет Вам счастье)))))

  • Ольга Болдырева говорит:

    Все поняла — я удалила код счетчика статей и загрузила логотип — теперь не удается еще раз скачать этот счетчик (не соображу сохраняла я его или нет). Боюсь, что нет. Может есть еще способ скачать код счетчика и установить? Заранее спасибо.

    • Gnome говорит:

      А...Вы наверное вместо кода счётчика вставили код логотипа.

      Ничего страшного, просто авторизуйтесь в Лайв, там должна быть в вашем аккаунте ссылка «Мои сайты». Вводите имя сайта, и код появится.

      А вообще, такие вещи я обычно копирую и сохраняю в текстовом файле у себя на ПК, на всякий случай. Очень часто раньше выручало)))

  • Ольга Болдырева говорит:

    Спасибо, большое за видеоуроки, я долго не решалась сама все это сделать, но все-таки через время решила, что все получится — надо пробовать. Нет слов передать мою радость — ВСЕ ПОЛУЧИЛОСЬ!!! Не совсем все, но Логотип вставила, исчез правда прямоугольничек, в котором видны посещения сайта, вот как у Вас внизу — не знаю где теперь его искать, но буду. Спасибо еще раз.

    • Gnome говорит:

      Ольга, пожалуйста! )))) А этот прямоугольничек ищите в Панель управления — Внешний вид — Виджеты — Неактивные виджеты. Скорее всего там он оказался))))

Оставить комментарий

Почта (не публикуется) Обязательные поля помечены *

*

Вы можете использовать эти HTML теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Тыкаем все быстренько!!!

Продвижение сайтов бесплатно

Станьте профессионалом

Мой фид

Подпишитесь, и получайте материалы себе на почту раньше всех остальных:

Отвлекись от работы и бизнеса – поиграй в супер-игру!



Поиск по сайтам Gnome

Возьмите себе мою книгу

Я в Соцсетях

Загрузка карусели...