Привет друзья! Сегодня решил поделиться с Вами простым виджетом: баннер 125 на 125. Наступит время, когда Ваш блог станет популярным настолько, что Вы задумаетесь о продаже места под рекламу. Примеров этому много. Достаточно зайти на популярный блог и Вы увидите размещенную рекламу или место под неё. Особенно это видно на зарубежных блогах, сайтах. Одним из самых известных форматов рекламы на блогах, служит баннер 125 на 125. Возможно своей популярности он обязан, своим компактными размерами, данный формат можно разместить практически в любом блоге, в котором есть одна или две боковых колонки. Я не буду Вас гонять на показательный блог, приведу пример здесь. Нет придётся посмотреть демо, так как на месте выглядит лучше чем здесь. Вместе с баннерами 125 на 125 я добавил дополнительно рекламную полосу. Так круче. Кому не нужно можете удалить в коде.

                                        Виджет: анимированный рекламный щит:





AD DESCRIPTION





AD DESCRIPTION





AD DESCRIPTION





AD DESCRIPTION





Advertise Now!

                                 Вот код для вставки в HTML / JavaScript гаджет:


<div align="center">
<table border="0"  cellpadding="2" cellspacing="6" width="265"bgcolor="#ffffff">
<tbody><tr>
<td><center><a href="URL OF ADVERTISER" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="URL OF BANNER’S IMAGE" height="125"/></a></center></td>
<td><center><a href="URL OF ADVERTISER" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="URL OF BANNER’S IMAGE" height="125"/></a></center></td>
</tr>
<tr>
<td><center><a href="URL OF ADVERTISER" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="URL OF BANNER’S IMAGE" height="125"/></a></center></td>
<td><center><a href="URL OF ADVERTISER" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="URL OF BANNER’S IMAGE" height="125"/></a></center></td>
</tr>
</tbody></table>
<table border="0" bordercolor="#0084ce" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff">
<tbody>
      <tr>
       <td><center><a href="URL OF ADVERTISER" rel="nofollow"><img width="265" height="37" border="0" alt="Реклама!" src="URL OF BANNER’S IMAGE" /></a></center></td>
      </tr>
    </tbody></table>
</div>

Инструкция: теперь сделайте следующие изменения:

1. Замените URL OF ADVERTISER ссылка на рекламодателя

2. Замените  URL OF BANNER’S IMAGE ссылка на баннер рекламодателя

3. Замените AD DESCRIPTION с некоторой информацией, связанной с объявлением. Описание появляется, когда курсор мыши наведён на баннер.

4. Если вы хотите увеличить расстояние между рекламными блоками: настроить ширина = "265".По умолчанию 265 минимальная ширина этого баннера виджета. Вы не можете уменьшить ширину.

Можно добавить не большую рамку:изменить border="0",style="border:1px solid #289728  Ширину границы, стиль и цвет соответственно.Замените border="0" столько раз, сколько она появляется.
Если вы хотите увеличить число строк данного объявления и хотите добавить еще два блока объявлений т.е. шесть блоков.Просто скопировать и вставить код чуть выше </tbody></table>
Вот код:
<tr>
<td><center><a href="URL OF ADVERTISER" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="URL OF BANNER’S IMAGE" height="125"/></a></center></td>
<td><center><a href="URL OF ADVERTISER" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="URL OF BANNER’S IMAGE" height="125"/></a></center></td>
</tr>
Вот вроде и всё. Желаю повстречать хорошего рекламодателя. Пожалуйста поделитесь с друзьями. Красивые кнопочки рядом.

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


Ух ты кнопочки! Понравилась статья? Поделитесь с друзьями в соцсетях:


2 коммент. :