转载来源:http://www.pconline.com.cn/pcedu/soft/lan/fwqrj/0608/851045.html
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.如图1所示,将“初、中级测试代码”中的代码一、代码二分别复制到相应的方框中。
图1 将测试代码放到相应位置
3.点击提交,便完成了两个广告的设置。
4.这时你肯定迫不及待地想看看投放广告的效果了。
图2 广告效果(一)
(二)如何在468×60这个广告位投放468×60的广告?
1.点击[站点广告]——浏览广告,对标题为480×60广告进行编辑。
2.如图4,在广告内容这个方框添加广告代码三,其余按默认参数。
图4 在相应位置放上广告代码
3.提交即可。
4.广告效果。
图5 广告效果
二、中级篇
(一)如何在260×220这个广告位投放240×240的广告?
刚才是在一个广告位中只投放了一个广告,那么如何在一个广告位中添加两个120×120的广告代码呢?
1.点击[站点广告]——浏览广告,对标题为260×220广告进行编辑。
2.操作如图6:
图6 插入广告代码
3.提交后浏览广告页面,点击“广告代码”,这时候能够预览广告效果,如图7所示。
图7 广告效果
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后台,点击[站点广告]——添加广告,完成如下图所示的操作。
图8 添加广告代码
2.完成以上操作后,点击提交。这时返回到浏览广告页面,点击“广告代码”,在这里如果代码参数设置没有出错的话,即可预览到类似下面的效果。
图9 广告效果
3.复制图中的那段代码,将其粘贴到Templates目录下面的index.html.php文件<body>这个标签后面。这时当你再次登录网站时,你会发现站点两侧已经出现了对联广告了,并且当用鼠标将页面往下拉的时候,对联广告也将随着鼠标移动的方向移动,也就是说,能够让访问者随时都看到这对联广告,增强广告的视觉冲击力。
4.再次重复以上的操作,为你的SupeSite站点添加漂浮广告。 |