|
SupeSite是一套拥有独立的内容管理(CMS)功能的社区门户系统，它集成了Web2.0社区个人门户系统X-Space，这样大大增加了门户的聚合能力。SupeSite实现了对站内论坛(Discuz!)、个人空间(X-Space)信息内容的聚合。任何站长，都可以通过SupeSite轻松构建一个面向Web2.0的社区门户。
对网站管理员来说，利用SupeSite搭建的门户是免维护、低成本的门户，这是体现Web2.0的一些标志，用户在论坛上所发表的帖子以及发表的博客都可以聚合到网站上，管理员不需要付出额外的劳动，不需要编辑，也不需要采编人员，就可以额外使网站访问量倍增，获取广告的机会。因此，站长们只要学会充分利用好这个流量，让流量为创造财富噢!
一、初级篇：“傻瓜”式投放广告
用SupeSite搭建起来的站点平台上都能看到许多的广告位，这是开发者给我们站长预留的，这确实是一种非常人性化设计。现在就是等着广告提供商了。
这里以投放Discuz!广告为例，各位朋友可以使用本人提供的图片和代码进行测试，当你测试OK后再将广告的图片和链接替换掉即可。
点击下载代码
(一)如何在个人空间投放广告？
1.登录SupeSite后台，点击[系统设置]——个人空间页面广告，然后分别投放760×100的个人空间页脚广告和212×220的文件页面广告。
2.如图一所示，将“初、中级测试代码”中的代码一、代码二分别复制到相应的方框中。
图一
3.点击提交，便完成了两个广告的设置。
4.这时你肯定迫不及待地想看看投放广告的效果了。
(二）如何在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站点添加漂浮广告
作者：谢永康
| 
