Делаем рекламный блок



Как сделать рекламный блок из четырех изображений



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

Итак, копируем код и вставляем дизайн-добавить гаджет-вставить-сохранить. Можно вставить и на странице блога, для этого в редакторе сообщений-нажимаем-HTMLкод, вставляем скопированный ниже код и нажимаем-создать. Но для начала заготовьте адреса URL ссылок баннеров или картинок.

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

<div align="center">
<table border="1"  cellpadding="2" cellspacing="6" width="235"bgcolor="#FFFFFF">
<tbody><tr>
<td><center><a href="URL САЙТА" rel="nofollow"><img border="0"
title="ОПИСАНИЕwidth="100"src="URL КАРТИНКИheight="100"/></a></center></td>
<td><center><a href="URL САЙТА" rel="nofollow"><img border="0"
title="ОПИСАНИЕwidth="100"src="URL КАРТИНКИ"
height="100"/></a></center></td>
</tr>
<tr>
<td><center><a href="URL САЙТА" rel="nofollow"><img
border="0" title="ОПИСАНИЕwidth="100"src="URL КАРТИНКИ"height="100"/></a></center></td>
<td><center><a href="URL САЙТА" rel="nofollow"><img
border="0" title="ОПИСАНИЕwidth="100"src="URL КАРТИНКИ"height="100"/></a></center></td>
</tr>
</tbody></table>
</div>

 Такой вид имеет рекламный блок

Такой вид имеет рекламный блок из четырех изображений

Описание-пишем текст, который будет отображаться при наведении мыши;
URL сайта- это может быть Ваша партнерская ссылка;
URL картинки-сюда вставляете ссылку на картинку;
#FFFFFF- можно изменить цвет, найдите по карте блога-генератор цветового кода;
width и height-это ширина и высота, при желании можно изменить;
В данном коде высота и ширина-100х100, но можно использовать и другие размеры, только чтобы были одинаковы для всех четырех баннеров, или картинок.

На этом все, до новых встреч. Пишите, комментируйте, делитесь с друзьями в социальных сетях.


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


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

2 коммент. :

  1. Анонимный5/9/13 15:57

    Спасибо. Очень понравился. А не подскажете как на главную страницу в конец статей вставить свою картинку с линком на другой сайт

    ОтветитьУдалить
  2. Спасибо за комментарий. Загрузите картинку в черновике blogger в виде изображения или в Html код главной страницы, сделайте изображение ссылкой. Читайте пост-как изображение сделать ссылкой.

    ОтветитьУдалить


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

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

Имя

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

Сообщение *