大家好,我是NetPuter(QQ:279692373)
我的 远景ID:网海飞龙 黑鹰ID:网海飞龙 (以前的网名)

今天给大家带来的教程是:BlogBus模板美化系列教程 之三!

本次系列教程的大概安排:
1.BlogBus模板介绍,简单修改模板(以 玩美I 为例)
2.BlogBus模板之Vista模板制作(以 玩美II 为例)
3.BlogBus模板细节修改

感谢远景(http://BBS.PCBeta.Com)提供交流空间,感谢黑鹰(http://www.3800HK.Com)提供下载空间^_^

今天的教程是:BlogBus模板细节修改.

博客除了要有漂亮的模板,还要布局的合理,内容的精彩.今天给大家带来几个"小玩具".
1.文章置顶
2.留言板
3.Google广告
4.模块调整

好,现在开始教程!
*************************华丽的分割线*************************

首先是文章置顶.相信大家博客都有一些公告或者什么文章需要置顶的吧!但是BlogBus没有提供这一功能,网上也有文章说使用代码可以实现文章的置顶,但是那样实在是太麻烦了!而且对于某些模板还不能用!而我的方法更为简单----修改时间!因为BlogBus默认采用的排序,所以最新(也就是最晚)的文章显示在最上方!因此,如果把发表时间修改为未来的某一天,那么到这一天前这篇文章都是在最上方的!下面看我操作,就不多打字了.

先写一篇日志!刚刚才想起来,我的电脑的Maxthon2不能在BlogBus上发表文章,只有在IE才可以,由于时间关系,就先这样吧!大家可以看到,新文章"BlogBus模板美化系列教程 之三"在最下方,好,我们修改在下面的文章,让它置顶!在时间那儿.好我们刷新一下!看到了么,文章在最上面了,在2008.7.24之前一直都是置顶的!

------------------------------------------------------------------------------

下面就是留言板.留言板就不用我们多介绍了吧!我们今天要申请的是类似于这样的留言板.下面看我操作.

(鼠标不是很好用.)

申请地址:http://www.cbox.ws/getone.phphttp://www.cbox.ws/getone.php
然后填写表格.Skin这里,可以选择皮肤!后面我们可以自己修改!这里我就选择默认的吧!

Your cbox has been created!
We have sent your login details to the email address you provided. You may now log in and get your cbox up and running right away.
Your cbox has been created!
We have sent your login details to the email address you provided. You may now log in and get your cbox up and running right away.

好,现在我们登陆!好,这里就是后台,左侧的菜单我们可以看看,设置.
我们的留言本的代码:

<!-- BEGIN CBOX - www.cbox.ws -->
<div align="center" id="cboxdiv">
<iframe frameborder="0" width="160" height="305" src="http://www4.cbox.ws/box/?boxid=3381713&boxtag=4905&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe><br/>
<iframe frameborder="0" width="160" height="75" src="http://www4.cbox.ws/box/?boxid=3381713&boxtag=4905&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe>
</div>
<!-- END CBOX --><!-- BEGIN CBOX - www.cbox.ws -->
<div align="center" id="cboxdiv">
<iframe frameborder="0" width="160" height="305" src="http://www4.cbox.ws/box/?boxid=3381713&boxtag=4905&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe><br/>
<iframe frameborder="0" width="160" height="75" src="http://www4.cbox.ws/box/?boxid=3381713&boxtag=4905&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe>
</div>
<!-- END CBOX -->

国外的网站有点慢.在Cbox Options可以设置长宽.我们默认
在 Colors & Fonts 可以个性你的留言板!其他大家就自己看看吧!代码我们暂时不添加!

------------------------------------------------------------------------------

接下来是Google广告.在博客上放置广告是比较聪明的决定,这样一来就可以"以网养网",如果博客流量大的话其效益也是不言而喻的!关于Google广告的申请我就不多介绍了,下面我们获得广告代码!

这就是我们的代码:
<script type="text/javascript"><!--
google_ad_client = "pub-5887133461851770";
google_ad_width = 728;
google_ad_height = 15;
google_ad_format = "728x15_0ads_al_s";
//2007-09-02: 软件, 美化, 博客, XP, Vista
google_ad_channel = "5687494152+7397746446+7707635961+0854331436+1945272108";
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><script type="text/javascript"><!--
google_ad_client = "pub-5887133461851770";
google_ad_width = 728;
google_ad_height = 15;
google_ad_format = "728x15_0ads_al_s";
//2007-09-02: 软件, 美化, 博客, XP, Vista
google_ad_channel = "5687494152+7397746446+7707635961+0854331436+1945272108";
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
我们等下在添加

------------------------------------------------------------------------------

最后是模块调整.在BlogBus模板设置里有许多代码块,它们分别是:

Header (无多大用处,但是又不能不用)
Index (首页,分类和按存档浏览页面的代码)
Index.LogContent (首页显示文章的代码)
Log (文章页面的代码)
Comment (文章评论内容的代码)
Comment.Form (文章评论发表的代码)
CSS (样式表代码,应用于Header,Index,Log中,非常重要)

我们需要修改的是Index和Log,这里我以Index为例,Log的修改类似.

我们打开Index代码块!将其内容备份(重要)!再将其放在记事本里.

这就是Index的代码!我们可以看到,有许多的DIV标签,这就类似于表格一样,一个DIV标签里有一个内容.现在,我们在合适的位置里添加留言版代码.在HTML里空格和换行都是不影响代码的.然后添加广告.好了,代码就是这样!如果需要给模块换位,就直接把DIV标签块转移就好了,比如说我把登陆放在下方!就是这样,我们把内容放回Index中.现在我们打开看看!

可能是电脑问题吧,怎么复制都复制双份.

*************************华丽的分割线*************************

到此,本系列教程的内容就全部结束了!
如果有任何问题,欢迎与我交流(QQ:279692373)
同时欢迎大家到我的博客:
玩美[FunStyle]:http://NetPuter.BlogBus.Com
大家88!

• [VIP专用软件 - 电信高速下载][非高级会员不可下载]
• [VIP专用软件 - 双线高速下载][非高级会员不可下载]

• ☉ Delphi编程教学系列（新世纪网安基地VIP教程）
• ☉ virtualpc中的linux如何连上Internet
• ☉ ProE 2.0安装视频
• ☉ 学会利用系统自身资源
• ☉ JSP开发之一Servlet基础
• ☉ 内网架设DNS服务器详解
• ☉ 心动吧桌面图之serv-U反弹
• ☉ 小解TTL的妙用
• ☉ 免费的网络电脑
• ☉ 略施小计吓跑不怀好意的菜鸟

• ☉ 由于私服程序的特殊性，它非常容易被杀毒误报，所以自2011年1月起本站所有软件都不在做杀毒查杀，请下载后自行检测查杀！
• ☉ 为了达到最快的下载速度，推荐使用 迅雷5 下载本站软件。
• ☉ 本站软件均为WinRAR3.7版本压缩，所以请一定升级到WinRAR3.7或最新版才能正常解压本站提供的软件!
• ☉ 如果您发现下载链接错误，或内容与分类不匹配，请点击报告错误。正确报错10个我们将送您VIP会员！
• ☉ 如发现本站软件需要解压密码，均为：www.9876543210sf.com