РАЗМЕЩАЕМ РЕКЛАМУ ПРАВИЛЬНО НА BLOGGER(BLOGSPOT)

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

  В блог на Blogger, достаточно легко добавить код любой рекламной площадки. Для этого можно использовать стандартный "HTML/JavaScript" гаджет, а также разместить рекламу непосредственно внутри сообщения.
  Добавляя код с помощью виджета, мы получаем удобство управления положением, легкость размещения и редактирования кода.
  Перетягивая курсором блок гаджета в админ-панели, его можно поместить в боковые колонки, горизонтальные области, над шапкой, в колонках подвала, а также выше или ниже поста:

Рис. 1

В случаи размещения гаджета с рекламным кодом над или под сообщением, так как гаджет не является частью поста, то блок будет располагаться либо выше заголовка сообщения, либо ниже панели инструментов, соответственно (Рис. 1).

  Но не смотря на всю прелесть использования гаджета, самое заметное место в блоге для добавления рекламы - это сообщение(пост), ведь информация которая интересует посетителя находится именно там.
  Самый простой способ разместить рекламу в тексте поста - просто добавить скрипт или HTML-код рекламного блока между строк сообщения в желаемом месте (Рис. 2).

Рис. 2

  Но для того, чтобы блок рекламы смотрелся как часть сообщения, выглядел более естественно, необходимо чтобы текст окружал его по краям. По-этому следует заключить рекламный код в дополнительный контейнер, которому нужно задать обтекание с помощью свойств CSS. При этом, стили можно добавлять локально - непосредственно в сообщении:

<div style="
  float: left;
  margin: 10px;
  height: 200px;
  width: 200px;">
<!--Код/Скрипт рекламного объявления-->
</div>

Или же добавить CSS глобально к общему стилю в шаблоне и использовать только назначенный ранее класс. Например:

.reklama {
 float: left;
 margin: 10px;
 height: 200px;
 width: 200px;
}

А в тексте сообщения указать:

<div class="reklama">
<!--Код/Скрипт рекламного объявления-->
</div>

Свойство float - задает обтекание;
значения:
left - блок располагается слева, текст обтекает по правому краю;
right - блок справа, обтекаемый текстом по левому краю.

height - высота контейнера (соответствует размерам блока);
width - ширина (соответствует размерам блока);
margin - внешние отступы вокруг блока.

  В реальности, выглядеть это будет примерно так:

Как видим текст обтекает объявление и оно находится в том месте на странице где размещен его скрипт. 
  При таком способе, родительскому блоку лучше задать значения ширины и высоты немного больше чем значения блока объявления, чтобы не сливался с окружающим текстом. 
  Также добавлять коды(скрипты) рекламных блоков лучше в режиме HTML редактирования и публиковать или обновлять пост не выходя из него, т.е. не переходя в режим "Создать". Если нужно просмотреть результат с добавленным рекламным объявлением лучше воспользуйтесь кнопкой "Просмотр".
 Вот и все, как оказалось, не так уж и сложно. Удачных вам рекламных компаний и прибыльных партнерок.
источник