Bacysoft.cn

 找回密码
 邀请注册
查看: 15598|回复: 0
打印 上一主题 下一主题

如何在Discuz X系列建站程序的日志列表以及日志正文页面添加自定义广告位

[复制链接]
跳转到指定楼层
楼主
发表于 2012-6-8 22:25:31 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
Discuz是国内非常流行的建站系统,能提供门户、论坛、博客等一整套Web2.0解决方案。Discuz的后台有专门的广告管理系统,并自带了相当多的广告位。比如:首页通栏广告,页尾广告,论坛内帖间广告,帖内广告,漂浮广告,对联广告等等…基本覆盖了常用的类型已经页面上的位置。

尽管如此,对应Discuz的X系列建站程序来说,其内置的位于家园(博客)版面的广告位就非常少,对于靠广告赚钱的广大站长来说,页面上的每一寸宝贵空间都应该得到有效的应用!

本文将向读者介绍如何在Discuz X系列建站程序的日志列表以及日志正文页面添加自定义广告位。

第一步,添加自定义广告位

1、  进入Discuz后台控制面板,选“运营”-“站点广告”。

2、  在页面正下方,找到“添加自定义广告位”。根据提示创建一个名为“home_728x90”,home 表示该广告位位于家园版块,728x90 表示广告的尺寸。

3、  其他如添加广告代码与内置广告位无异。

第二步,将自定义广告位置入页面模版文件中。

1、  修改Discuz日志列表和日志正文模版文件,添加广告位。

2、  其中日志列表模版文件名为:“template\default\home\ space_blog_list.htm”。

3、  搜索字符串“<div id="ct" class="ct2 wp cl">”,X2版本的在文件的第93行。

4、  在“<div id="ct" class="ct2 wp cl">”下一行,即“<div class="mn">”的下一行(第95行)添加如下代码:
  1. <div class="bm" style="padding:10px 0 10px 15px;">    <!--{ad/custom_4}-->       </div>
复制代码
代码说明:bm 是Discuz内置的CSS类型,相关信息可以在文件“template\default\common\common.css”中找到;style 定义的是让广告代码居中显示;“<!--{ad/custom_4}-->”表示内部调用第一步创建的自定义广告位。

修改前代码如下:

  1. <div id="ct" class="ct2 wp cl">

  2.            <div class="mn">

  3.                     <div class="bm">
复制代码
修改后代码如下:

  1. <div id="ct" class="ct2 wp cl">

  2.            <div class="mn">

  3.                     [color=Red]<div class="bm" style="padding:10px 0 10px 15px;"> <!--{ad/custom_4}-->       </div>[/color]

  4.                     <div class="bm">
复制代码
5、  搜索字符串“<div class="sd">”,X2版本的在文件的第196行。

6、  在“<div class="sd">”的上两行的位置,即“<div class="sd">”的上一行(第195行)添加第4步中一样的代码。

修改前代码如下:

  1.            </div>

  2. </div>

  3. <div class="sd">
复制代码
修改后代码如下:

  1.            </div>

  2.            <div class="bm" style="padding:10px 0 10px 15px;">    <!--{ad/custom_4}-->                 </div>

  3. </div>

  4. <div class="sd">
复制代码
第三步,刷新页面查看效果。

在任何用户的日志列表的头部和尾部都会出现自定义的728x90广告。


也许你会发现位于页面右侧用户头像下方有大片空白区域,不利用起来真是浪费了,这可是160x600 巨幅广告的黄金位置。在此位置创建广告位的方法和之前的方法基本类似,以下仅给出需要修改的页面模版文件以及广告位代码。


页面模版文件:“template\default\home\space_userabout.htm”

需要修改的位置:文件末尾,即在最后添加广告位代码。X2版本为第79行。

广告位代码如下:
  1. <div class="sd"><div class="bm" style="padding:10px 0 10px 9px;"><!--{ad/custom_3}--></div></div>
复制代码
其中“<!--{ad/custom_3}-->”是在Discuz后台新创建的自定义广告位

经过以上步骤后,Discuz X系列建站程序中的用户日志列表页面就会增加3个广告位,其中一个位于用户头像下方,可以放置纵向160x600尺寸的广告;另外两个分别位于日志列表的头部和尾部,可以放置横向728x90尺寸的横幅广告。

需要特别指出的是:因为160x600的广告位是修改的模版文件“template\default\home\space_userabout.htm”,因此任何包含此模版文件的页面都会显示 160x600 的广告,这些页面包括家园版块中个人主页下面“动态”、“记录”、“日志”、“相册”、“分享”、“留言板”以及“个人资料”。

最后,如果还需要在日志正文页面也添加头部和尾部的广告位,可以参考“日志列表”模版文件的修改方法!“日志正文”的模版文件是:“template\default\home\ space_blog_view.htm”

本站用户日志列表及日志正文均以添加以上所述的三种广告位,有兴趣的读者可以通过访问本站相关日志页面查看效果!

如果您还有其他问题,欢迎通过“Q我吧”或者邮件与我联系。如需转载本站内容,请保留版权信息,谢谢合作!


您需要登录后才可以回帖 登录 | 邀请注册

本版积分规则



京ICP备08000958号-1|腾讯云|阿里云|联系方式|Bacysoft.cn

GMT+8, 2024-4-29 14:24 , Processed in 0.015316 second(s), 22 queries , Gzip On.

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表