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



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

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


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


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

получить код

Переходим по ссылке (выделите мышью ссылку и нажмите правой кнопкой мыши "перейти по адресу") 
http://reginochka-design.narod.ru/delaembanner.html

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

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

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


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

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

Читать также:





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


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

0 коммент. :

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

Ув. читатели! Для вставки HTML кода в комментарии, воспользуйтесь в меню Генератором преобразования HTML кода.

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

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

Имя

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

Сообщение *