Как вставить баннер в блог

Часто в блогах можно увидеть картинки, нажав на которые можно перейти к другому сообщению или в другой блог. Например, сообщения о конкурсах, розыгрышах призов, т.н. "конфетках", кнопки коллективных блогов, рекламные баннеры, наконец. Часто и при участии в каких-либо конкурсах в условиях стоит пункт о необходимости размещения их баннера у себя в блоге. Как это сделать?
Чтобы вставить картинку со ссылкой (баннер, кнопку) в блог, есть несколько способов.

Если надо поставить баннер или кнопку на главную страницу в боковую панель, то самый простой способ - воспользоваться стандартным гаджетом Блоггера "Картинка". Выберите его в "Дизайн"-"Вставить гаджет"-"Картинка". И в настройке изображения надо ввести название (если надо), подпись и в "Связать" ссылку, по которой будет производиться переход при нажатии на картинку. После этого можно загрузить само изображение из компьютера или интернета.

Если надо поставить баннер или кнопку, код которых вам дали в каком-то другом блоге, на главную страницу в боковую панель, то делаем следующее:
1. Копируем нужный код (Ctrl-C) из блога-источника
2. Переходим к себе в блог. Выбираем "Дизайн"-"Добавить гаджет"-"HTML-код" и в появившееся окошко вставляем скопированный код (Ctrl-V). Тот же эффект дает копирование кода в стандартный гаджет "Текст".

Если надо поставить баннер или кнопку, код которых вам дали в каком-то другом блоге, в  ваше сообщение, то делаем следующее:
1. Копируем нужный код (Ctrl-C) из блога-источника
2.Переходим к себе в блог. Открываем нужное сообщение для редактирования ("Изменить").
3. В левом верхнем углу в меню находим кнопку "HTML" и нажимаем ее. Сообщение теперь видно в виде HTML-кода. В нужное место кода (ориентируйтесь по фразам текста, которые остались в прежнем виде) вставляем скопированный код (Ctrl-V).
4. Нажимаем в меню "Создать" и смотрим, что получилось.

Если надо самостоятельно сделать баннер или кнопку в сообщении у вас в блоге, то делаем следующее:

1. Где-нибудь находим нужную картинку. Нам понадобится ее адрес.
2. Открываем свое сообщение для редактирования ("Изменить").
3. В левом верхнем углу в меню находим кнопку "HTML" и нажимаем ее. Сообщение теперь видно в виде HTML-кода. В нужное место кода (ориентируйтесь по фразам текста, которые остались в прежнем виде) вставляем такой код:

<div style="text-align: center;">
<a href="адрес_на_который_будет_осуществлен_переход"><img border="0" src="адрес_картинки" /></a><br />
<br /></div>

4.  Нажимаем в меню "Создать" и смотрим, что получилось.

Например, нажав на эту картинку, можно перейти к моему посту о расшифровке некоторых параметров HTML-кода изображения:

Тэги: blogger, blogspot