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

 

В предыдущей статье я описывал Как сжимать картинки для web-страниц.

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

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

В этой ситуации можно сделать так.

Заходим в консоль блога и переходим на вкладку «Все записи» — «Добавить новую».

 

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

Открываем новую запись. Все делаем во вкладке «Визуально».

В ней выбираем «Добавить медиафайлы».

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

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

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

Если ваша картинка находится на компьютере, просто загружаете ее.
Нажимаем «Вставить в запись ».

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

Картинка установлена на странице.
Если хотите сделать ее активной, выделяете картинку, нажимаете на символ «Вставить/изменить ссылку», вставляете ссылку, ведущую на нужную страницу.

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

Здесь рекомендую поставить галочку «Открывать в новом окне», чтобы ваш читатель не «потерялся».

Как установить картинку в сайтбар
Картинка полностью подготовлена.
Теперь переходит во вкладку «Текст», копируем получившийся код

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

и вставляем его через консоль во вкладке «Виджеты» в виджет «Текст».

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

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

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

Все. Ваши читатели теперь могут получать ваш продукт.

PS Мне сделали подсказку, что «текстовые» картинки лучше смотрятся, если их сохранять в формате PNG. И еще одна рекомендация от Vlad: работать по сохранению изображения удобнее в бесплатной программе GreenShot.
Ну это уже дело вкуса и привычки.

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

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