Добавить баннер AdSense рядом с моим логотипом в шапке (wordpress)

У меня есть логотип в заголовке моего сайта WordPress, и я хотел бы добавить рядом с ним баннер AdSense, например: баннер AdSense

Для моего логотипа у меня есть логотип div и этот код CSS:

#logo { float: left; margin-top: 60px; }

Я знаю, что мне нужно создать новый div для моего кода AdSense, но какой код CSS я должен использовать, чтобы баннер AdSense отображался справа рядом с логотипом?

Мне нужно убедиться, что оба div никогда не будут накладываться друг на друга (на всех устройствах).


wordpress adsense
person user3197512    schedule 22.04.2014    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Это должно работать:

HTML:

<div id="logo">
Some code here for the logo
</div>

<div id="ad-banner"> 
    Ad banner goes here                 
</div>

<div style="clear:both;">&nbsp;</div>

CSS:

#ad-banner 
{ 
    float: right; 
    margin-top: 60px; 
}

Поместите HTML в header-middle div и стиль #ad-banner в файл style.css. Он должен работать.

person Howli    schedule 22.04.2014
comment
Вот прямая ссылка на сайт: goo.gl/ESAnrA К сожалению, мне нужно идти спать, но я попробую ваши коды в течение нескольких часов. Вернется к вам! - person user3197512; 23.04.2014
comment
Спасибо за обновление. Оно работает ! Однако не могли бы вы сказать мне, почему я рекомендую вставлять (‹div style=clear:both;›‹/div›) в конце html. Это необходимо ? - person user3197512; 23.04.2014

arrow_upward
0
arrow_downward

  1. Откройте редактор WordPress
  2. Откройте файл header.php
  3. В этом файле - ищите следующий код

<header id=”masthead” role=”banner”>

  1. Внесите следующие изменения в тег hgroup, добавив style=”display:inline-block”

  2. Непосредственно под тегом hgroup добавьте код объявления (Google AdSense) внутри блока span, как показано ниже:

<span style=”float:right”>
<!– Paste Ad Sense Code below–>
</span>

  1. Сохраните файл

Источник: http://techzog.com/wordpress/how-to-add-banner-ad-to-wordpress/

person Varun    schedule 11.04.2016