转至繁体中文版　　　  | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告：     敏韬网|教学资源学习资料永久免费分享站！  [mintao  2008年9月2日]        
您现在的位置： 学习笔记 >> 图文教程 >> 站长学院 >> Web开发 >> 正文
如何为自己SupeSite站点加广告？    热     ★★★★

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

作者：闵涛 文章来源：闵涛的学习笔记 点击数：878 更新时间：2009/4/23 11:16:08

　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站点添加漂浮广告

作者：谢永康


[Web开发]安全维护 IIS asp 站点的高级技巧  [文书写作]关于长时间没有更新UChome的话，supesite首页就不…
[精彩网文]经典励志短文：佛教徒与观音  [精彩网文]经典励志故事：断箭
[精彩网文]英文励志文章：Power of Self Talk  [精彩网文]俞敏洪职场励志：为了自己而工作
[精彩网文]励志故事：别把自己装进去  [精彩网文]职场励志：把自己变成水
[精彩网文]大学生写给自己的一封信  [精彩网文]励志人生：对自己的告诫
教程录入：mintao    责任编辑：mintao 
  • 上一篇教程：

  • 下一篇教程：
    • 【字体：小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】
    　 注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！ 本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]
    　　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）
    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
    		•
    赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题，因而无法显示。
    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright ＠ 2007-2012 敏韬网(敏而好学，文韬武略--MinTao.Net)（学习笔记） Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长：MinTao ICP备案号：鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网。A打造B、C、D……
    		咸宁网络警察报警平台