Баннер для блога на фоне картинки



Как сделать баннер картинку

Здравствуйте дорогие мои "чайнички"! Рассмотрим с Вами ещё один способ создания баннера для блога, на мой взгляд проще не бывает. Если на вашем компьютере есть заготовленные картинки, то можно воспользоваться ими. Если нет, то переходим на сайт Яндекс фотки и выбираем любую картинку. Кликаем по выбранной картинке и переходим вот сюда


Здесь выбираем нужный размер, нажимам на - код для вставки на сайт или блог, и получаем код


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


Переходим по ссылке-получить код. Ну а здесь совсем просто. Пишем адрес нашего блога или партнерской программы. Вставляем скопированный адрес картинки, отображаемый текст при наведении курсора (если надо), устанавливаем размеры. Высоту и ширину рекомендуют увеличивать либо уменьшать пропорционально: например 540х300 делаем 270х150. Хотя я вписывала размеры 88х31, 100х100 и получала результат.

Нажимаем-получить код, копируем правой кнопкой мыши-выделить все-копировать, и вставляем в блог или на сайт обычным способом-добавить гаджет-HTML/JavaScript-вставить-сохранить. Все, баннер готов. Посмотрите справа, как получилось у меня. Картинку выбирала наспех, немного не соответствует теме моего блога, но самое главное результат, остальное приложится.

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

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


Автор статьи ✎ Olga Protasova Выпуск ✹ 7/25/2013 Ярлыки ►


Открыть комментарии →

0 коммент. :

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


 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *