写写改改™: 06/01/2008

显示自06/01/2008 - 07/01/2008以来最新的 24 个帖子（共 40 个）。显示以前的帖子

| Blogger增加几个实用功能

几天没上Blogger in Draft，发现其连续推出六个实用功能，其中就有GG昨天留言中提到的页面评论功能。

第一个功能是关于后台控制的，在后台管理有个将Blogger in Draft 设置为默认控制后台的功能（如右图）。Bloger现在有两个版本，一个是www.blogger.com，另一个是draft.blogger.com，之前两个各不相干，连个链接都没有。其实有了Blogger in Draft 的话，基本都不用www.blogger.com了，所以才有了这个将Blogger in Draft设置为默认后台的功能。另外五个功能是：

Webmaster Tools Verification 让每个BLogger在Google WebMaster Tools 中进行自动认证。

Star ratings 给文章加星星，不用怎么介绍，好多网站都可以见到。问题是，由于之前对模板进行修改，所以按照官方教程设置也没有效果出来，迟点在弄一下（代码附在文章底部）。

Import / export of blogs 将博客导出或导入，进入博客控制窗口，在“设置/基本/博客工具”下可以看到导入，导出和删除功能。该导入和导出功能和以前第三方的类似功能软件不大一样，可以连评论也一起导入，或导出。该功能不但可以比较好的备份博客，对于国内用户还可以用该功能来翻墙，不错！！！

Embedded comment form 在文章页面添加评论，之前的评论都要离开当前页面（不知怎么要这样做）。不过又是由于自己修改了模板，按官方教材设置也是没有效果，迟点自己弄弄。根据这篇文章，修改一下，成功了（（代码附在文章底部））

！

New post editor 新的文章撰写编辑器，最大变化就是支持图片拖曳，这个功能对于直接在BLogger后台撰写文章的站长很有帮助。当然，还在Html编辑上加强了些功能，比如对图片还可以在编辑框中重设尺寸，添加链接加了Email，添加图片不用打开新的页面，等等。不过在Firefox 3.0正式版中，这个编辑框显示还有点问题，如下：

页面评论和加星星代码:

<!--页面评论 开始-->   <b:if cond='data:post.embedCommentForm'>   <b:include data='post' name='comment-form'/>   <b:else/>   <b:if cond='data:post.allowComments'>   <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>   </b:if>   </b:if> <!--页面评论 结束-->            <!--加星星 开始--> <span class='star-ratings'>        <b:if cond='data:top.showStars'>           <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='180'/>        </b:if>      </span>  <b:if cond='data:top.showStars'>    <script src='http://www.google.com/jsapi' type='text/javascript'/>    <script type='text/javascript'>      google.load("annotations", "1");      function initialize() {        google.annotations.setApplicationId(<data:top.blogspotReviews/>);        google.annotations.createAll();        google.annotations.fetch();      }      google.setOnLoadCallback(initialize);    </script>  </b:if>      <!--加星星 结束-->

Power by 写写改改™试试

★ 阅读全文... | ☆ 消息來源

| 支持Pidgin的Facebook Chat插件

| 对互联网管制的联想

| 解决了Foxmail给McAfee拦截的问题

| 与中国足球有关的两则经典笑话

| 本站手机版上线了

| MoFuse:免费建设手机网

| facebook中文版上线了

| 免费远程控制软件：TightVNC

| 演戏要演全套:Firefox3下载证书

| Google Calendar新版iGoogle Gadget

| 久违了：Google Toolbar for Firefox 3发布

| 忍不住，抓屏

| Firefox 下载日

| 网不可堵:简单易用的上网代理

| Blogger模板：iTheme所有版本

| Google Docs离线操作图示

| 将最大战力最强军舰开到钓鱼岛

| 郁闷,乱弹

| 给YouTube视频添加批注

| Box.net小更新

| BLogger模板修改：实际经验小结

本站刚刚升级为三栏式模板，经过一番折腾，又有些长进了。
首先是CSS问题，是最头痛的问题。修改过程不断在诅咒可恶的浏览器，相同CSS在Firefox和ie中表现各异，对于业余网页设计的我来说，是最难解决的问题。太复杂的问题就不研究了，看看一些比较实用的，从容易的地方下手：
1、注意清除Float浮动，在CSS中放：.clear {clear:both;height:0px;}，在需要清楚的地方放如下代码：<div class='clear'/>
在BLogger默认模板都有这些代码！
2、CSS继承，我喜欢把其分为全局CSS和局部CSS，局部会继承全局的CSS定义。
比如定义全局CSS如：a {color: #78a515;}，然后定义一个局部的CSS，如：.post-body a {text-decoration: underline;}
看看post-body下的链接颜色，就是之前定义#78a515了；如果想让post-body的链接有不同颜色的话，就要对其进行定义，如：.post-body a {color: #cccccc;text-decoration: underline;}
在做复杂CSS定义时，经常会出现一些无缘无故的继承，有时调试起来还挺辣手。解决办法就是全局CSS尽量少定义，其次就是将有继承关系的CSS按顺序写在一起，并做相应注释。
3、利用CSS缩写，优化代码。常用缩写如下：
颜色缩写：【#ccc】；
字体缩写：【font:italic small-caps bold 2px/120% Arial, Tahoma, "Lucida Sans";】；
定位缩写：【margin:0px auto 】【margin:1px 0 1px 1px; 】【padding:1px 0 1px 1px; 】；
边缘缩写：【border:2px solid #ccc; 】；
底色和背景缩写：【background: #ccc url(feed.gif) no-repeat left center;】；
List缩写：【list-style:square inside url(rrow.gif)】【list-style:none;】；
同一属性缩写：【h1, h2, h3, h4, h5, h6 {#ccc;}】【#main h5.comment-footer a,#main h5.comment-footer a:hover {color:#000;margin:0;}】

看完CSS后，来看看BLogger模板XML代码，其中个人认为最好玩的if判断语句。有了判断，可以让只有一个文件的页面，可以有很丰富的变化。比如之前的模板，通过判断，右侧顶部在首页时，显示归档文章，到了文章预览时，该位置显示为Google Adsense广告。
见到有的用户，将这个判断放到title前，之前还以为只可以放在body内。模板内有好多有关判断的语句，下面摘录常用的几个：

 <!--只在标签页中显示-->
<b:if cond='data:title != "http://blog.ibelen.com/search/label/Google"'>
//内容代码//
</b:if>

<!--不在首页显示-->
<b:if cond='data:blog.homepageUrl != data:blog.url'>
//内容代码//
</b:if>

<!-- 不在首页显示 -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
//不是首页时显示内容//
<b:else/>
//首页显示内容//
</b:if>

<!--只在首页显示-->
<b:if cond='data:blog.homepageUrl == data:blog.url'>
//内容代码//
</b:if>

还有，如何添加一个新的组件（widget）呢？关键是要加section，有了section后，在后台的组件窗口载加Widget到section，就很容易了（不用自己写Widget代码）。看看section代码如下：

   <b:section class='main' id='main' showaddelement='no'>
          </b:includable>

其中有两个关键点，一是Class，自己用CSS定义section，比如宽度，底色，标题，链接等等；而ID是该section的名称，注意不能和已有的section名称相同。学习了section的结构后，好像可以尝试自己排版一个BLogger模板了。收工！

Power by 写写改改™

★ 阅读全文... | ☆ 消息來源

| ghs.google.com又再遭毒手!!!

一星期前，ghs.google.com被万恶的G-F-W封了接近一天，今晚又来了，不知又要封多久。照常Tracert一下：

C:\Documents and Settings\fuckgfw>tracert ghs.google.com

Tracing route to ghs.l.google.com [66.249.81.121]
over a maximum of 30 hops:

1     1 ms     1 ms     1 ms  192.168.0.1
2     *        *        *     Request timed out.
3    11 ms    12 ms    13 ms  211.95.232.1
4     9 ms     7 ms     5 ms  61.242.2.61
5    14 ms    19 ms     4 ms  211.94.44.21
6   221 ms   225 ms   224 ms  211.94.56.13
7   222 ms   228 ms   229 ms  211.94.55.2
8   206 ms   197 ms   192 ms  219.158.28.213
9   204 ms   195 ms   210 ms  219.158.11.93
10   285 ms   293 ms   291 ms  219.158.4.158
11  219.158.3.182  reports: Destination host unreachable.

Trace complete.