如何为自己SupeSite站点加广告？

图一

 

　(二）如何在468×60这个广告位投放468×60的广告？

　　1.点击[站点广告]——浏览广告，对标题为480×60广告进行编辑。

　　2.如图四，在广告内容这个方框添加广告代码三，其余按默认参数。

图四

　　3.提交即可。

　　4.广告效果。

　　二、中级篇

　　（一）如何在260×220这个广告位投放240×240的广告?

　　刚才是在一个广告位中只投放了一个广告，那么如何在一个广告位中添加两个120×120的广告代码呢？

　　1.点击[站点广告]——浏览广告，对标题为260×220广告进行编辑。

　　2.操作如图六：

图六

 

　3.提交后浏览广告页面，点击“广告代码”，这时候能够预览广告效果，如图七所示。

图七

　　4.打开css目录下面的"main.css"，查找“广告”(查找时不带双引号），在这里能够找到控制广告位大小的代码。我们将".ainsidenews"后面的260改为240，将220改为240。假如你曾经研究过相关页面的代码，那么你会发现，其实原来的260×220的广告位定义的class正是.ainsidenews。

　　5.打开资讯栏目的一个资讯，将能看到广告效果如图七。

　　6.方法推广：参照上述的五步，不难继续在默认的其他几个广告位投放广告。

　　(二）广告位调整

　　1.如何将770×70的广告位删除？

　　操作步骤：点击[站点广告]——浏览广告——广告代码，复制方框中的那段代码，打开templates目录下的index.html.php查找刚才复制的那段代码，将这一段代码删除。

　　2.如何将770×70的广告位由原来的位置移动到资讯与日志版块之间？

　　操作步骤：点击[站点广告]——浏览广告——广告代码，复制方框中的那段代码，打开templates目录下的index.html.php找到这一段代码，将这段代码移动到“＜!-- /资讯区 --＞ ＜!--{/if}--＞”后面。

　　3.如何增加广告位？

　　操作步骤：点击[站点广告]——添加广告（详细设置见下）——提交——广告代码，复制方框中的那段代码，打开templates目录下的index.html.php，把刚才复制的那段代码放置到你想要它显示的位置，例如放置到“＜!-- /资讯区 --＞ ＜!--{/if}--＞”后面。操作完后，你就能在资讯区和日志区之间看到如图二的广告效果。

　　注：如上述步骤操作所得的广告显示效果是默认居右的，我们可以在div后面加上align＝"center"即是＜div align="center" onclick="adclick(10);"＞，这时广告便是居中显示了，这样可以免去编辑css的步骤。

　　添加广告详细设置：

　　标题：760×90

　　广告调用方式：直接显示

　　广告宽度：760

　　广告高度：90

　　广告内容：＜img src="http://localhost/supesite/ad/760.gif" /＞

三、高级篇：轻松发布对联广告、漂浮广告

　　Discuz！官方论坛已经发布了为SupeSite量身订做的相关代码，它能将对联广告和漂浮广告添加到页面当中，让我们的网站赚取多一份广告收入，同时也使得网站炫起来吧！

　　(一)流程：登录后台，[站点设置]——站点广告——添加广告——提交——浏览广告--广告代码--将代码放置到模版中需要的位置中。

　　(二)具体步骤：

　　1.登录SupeSite后台，点击[站点广告]——添加广告，完成如下图所示的操作。



　　2.完成以上操作后，点击提交。这时返回到浏览广告页面，点击“广告代码”，在这里如果代码参数设置没有出错的话，即可预览到类似下面的效果。



　　3.复制图中的那段代码，将其粘贴到Templates目录下面的index.html.php文件＜body＞这个标签后面。这时当你再次登录网站时，你会发现站点两侧已经出现了对联广告了，并且当用鼠标将页面往下拉的时候，对联广告也将随着鼠标移动的方向移动，也就是说，能够让访问者随时都看到这对联广告，增强广告的视觉冲击力。

　　4.再次重复以上的操作，为你的SupeSite站点添加漂浮广告

技术文库(共有 46294 篇文章)