Делаем рекламный блок | Блог для блогов: создание блога на Blogspot

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



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


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

Четыре баннера или картинки можно вставить одним гаджетом, экономит место, очень удобен.

Итак, копируем код и вставляем дизайн-добавить гаджет-вставить-сохранить. Можно вставить и на странице блога, для этого в редакторе сообщений-нажимаем-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 код главной страницы, сделайте изображение ссылкой. Читайте пост-как изображение сделать ссылкой.

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


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


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

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

Имя

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

Сообщение *