在标题中的我的徽标旁边添加 AdSense 横幅（wordpress）答案

【问题标题】：Add adsense banner next to my logo in header (wordpress)在标题中的我的徽标旁边添加 AdSense 横幅（wordpress）
【发布时间】：2014-06-07 11:30:31
【问题描述】：

我的 wordpress 网站标题中有一个徽标，我想在它旁边添加一个 adsense 横幅，如下所示：

对于我的标志，我有一个 div 标志和这个 css 代码：

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

我知道我需要为我的 adsense 代码创建一个新的 div，但是我应该使用什么 css 代码才能使 Adsense 横幅出现在徽标旁边的右侧？

我需要确保两个 div 永远不会叠加（在所有设备上）。

【问题讨论】：

标签： wordpress adsense

【解决方案1】：

这应该可行：

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; 
}

将header-middle div 中的HTML 和#ad-banner 样式放入style.css 文件中。它应该可以工作。

【讨论】：

这里是该站点的直接链接：goo.gl/ESAnrA 不幸的是，我需要睡觉，但我会在几个小时内尝试您的代码。会回复你的！
感谢您的更新。有用！但是，你能告诉我为什么我建议在 html 的末尾插入 (

)。有必要吗？

【解决方案2】：

打开 WordPress 编辑器
打开header.php文件
在此文件中 – 查找以下代码

&lt;header id=”masthead” role=”banner”&gt;

通过添加 style=”display:inline-block” 对 hgroup 标签进行以下更改
在 hgroup 标记的正下方，在 span 块内添加 Ad (Google AdSense) 代码，如下所示：

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

保存文件

来源：http://techzog.com/wordpress/how-to-add-banner-ad-to-wordpress/

【讨论】：