amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} /* Inline styles */ p.acss346a5{padding-left:30px;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}
Реклама AdSense – самый известный заработок на сайте. Он походит для всех проектов, независимо от возраста и посещаемости. Единственное требование – это качество. Для того чтобы зарабатывать с этим сервисом много денег, есть целый список советов, которые можно применить на любом сайте. Но главное – это красивое расположение нескольких рекламных блоков AdSense.
Если вы получите коды от рекламы AdSense и попытайтесь расположить их на сайте рядом, то они будут вертикальными, то есть, другом под другом. Но это не всегда соответствует идее вебмастера, и чаще всего нужно поставить их рядом – горизонтально.
В данной статье, мы расскажем, как расположить рекламу AdSense горизонтально в любом месте сайта.
Есть два способа поставить блоки рекламы AdSense рядом и оба они связанны с созданием специального кода. Вообще, установка рекламы на сайт всегда связана с кодом. Поэтому пугать это вас не должно.
Первый способ установки рекламы AdSense заключается в создание блоков div. Делается это кодом следующей конструкции:
<div style=”float:left”>
код первого блока рекламы
</div>
<div style=”float:right”>
код второго блока рекламы
</div>
В нужное место вставляются коды рекламы AdSense. style=”float:left” обозначает ориентацию блока на сайте – в первой случае налево, во втором – направо.
Этот способ даёт возможность добавить две рекламы AdSense горизонтально. Но можно попробовать и три. Тогда код будет таким:
<div style=”float:left”>
код первого блока рекламы
</div>
<div style=”float:center”>
код второго блока рекламы
</div>
<div style=”float:right”>
код третьего блока рекламы
</div>
Как видно в примере, добавляется ещё один блок div, который с помощью float ориентируется по центру. А остальные два слева и справа.
Второй способ расположения рекламы AdSense заключается в создании таблицы HTML. И также можно поставить как два, так и три блока. Делается это с помощью кода следующей конструкции:
<table border=”0″>
<tbody>
<tr>
<td width=”50%” >
код первого блока рекламы
</td>
<td width=”50%” >
код второго блока рекламы
</td>
</tr>
</tbody></table>
Здесь аналогично нужно поставить код рекламы AdSense в нужное место. Тег <td width=”50%” > обозначает, что блок займёт в ширину 50% отведённого пространства. А вторая половина будет отдана по второй блок.
Чтобы сделать такую рекламы AdSense с тремя блоками, нужно уделить для каждого по 33% и создать дополнительную графу таблицы HTML. Делается так:
<table border=”0″>
<tbody>
<tr>
<td width=”33%” >
код первого блока рекламы
</td>
<td width=”33%” >
код второго блока рекламы
</td>
<td width=”33%” >
код третьего блока рекламы
</td>
</tr>
</tbody></table>
Какой из способов вставить рекламу AdSense горизонтально лучше, сказать сложно. Оба показывают одинаковые результаты при правильном исполнении. Но помните, что более трёх блоков на одной странице помещать не рекомендуется.
Отказы на сайте - это процент посетителей, которые покидают сайт после просмотра только одной страницы.…
Инфопродукт - это любой продукт, который содержит информацию, полезную для потенциальных клиентов. Это может быть…
Ведение сайта - это не только подержание его работоспособности и наполнение контентом. В последние годы…
WordPress - это популярная система управления контентом (CMS), которая позволяет создавать и управлять веб-сайтами различной…
Сертификат Let’s Encrypt - это бесплатный и открытый сертификат SSL/TLS, который позволяет защитить веб-сайт от…
WordPress - это одна из самых популярных систем управления контентом в мире, которая используется миллионами…