Как сделать рекламный блок из четырех изображений
Всем привет! Сегодня всем желающим предлагаю код рекламного блока. Можно использовать для ссылок партнерских программ, баннеров других ресурсов, и для собственных страниц блога, например для -популярных сообщений.
Четыре баннера или картинки можно вставить одним гаджетом, экономит место, очень удобен.
Итак, копируем код и вставляем дизайн-добавить гаджет-вставить-сохранить. Можно вставить и на странице блога, для этого в редакторе сообщений-нажимаем-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 сайта- это может быть Ваша партнерская ссылка;
URL картинки-сюда вставляете ссылку на картинку;
#FFFFFF- можно изменить цвет;
width и height-это ширина и высота, при желании можно изменить;
В данном коде высота и ширина 100х100, но можно использовать и другие размеры, только чтобы были одинаковы для всех четырех баннеров, или картинок.
Спасибо. Очень понравился. А не подскажете как на главную страницу в конец статей вставить свою картинку с линком на другой сайт
ОтветитьУдалитьСпасибо за комментарий. Загрузите картинку в черновике blogger в виде изображения или в Html код главной страницы, сделайте изображение ссылкой. Читайте пост-как изображение сделать ссылкой.
ОтветитьУдалить