2007年11月30日

这是一篇网站SEO基础内容,总结的还是比较全的。
一、目的:
提高网站页面在google、百度、雅虎等搜索引擎中的搜索结果排名,提升从搜索引擎获得的流量。

二、优化工作的几个方面
2.1优化全站网页,按照底级页模板、专题模板、频道模板、首页模板顺序修改;
由频道编辑和技术工程师共同完成

2.2优化站外合作(友情)连接;
由频道编辑完成

2.3 优化和频道相关的搜索引擎热门关键词、时效性热门内容;
由频道编辑完成

2.4 将动态页面URL静态化(应用Apache的mod_rewrite模块)
由技术工程师完成

2.5 定期跟踪观察优化效果
由频道编辑完成

三、优化工作各方面工作的详细说明

3.1 优化全站网页模板:

3.1.1 用Web标准(DIV+CSS)重构页面模板,
不使用table控制排版,不使用table嵌套

3.1.2 网页文件大小越小越好,压缩和正文无关的代码,控制在75K以内,
用外部调用方式使用CSS样式单和JS,
广告和与正文无关的内容尽量用iframe、JS等方式调用显示

3.1.3 为最终页加上标题,格式:<title>网页标题 – 栏目 – 频道</title>,长度一般不超过30个汉字,不要空着标题,避免太多页面使用同样的标题;
例如:<title>Intel发布笔记本四核CPU – 笔记本 – 某某科技</title>

3.1.4 为网页加上内容简介标签,<meta name="description" c>
要清晰明了的写出网页内容,突出核心关键词。一般不超过100个汉字,不写与网页内容不相干的内容。现阶段可以填充CMS的新闻标题等相关变量。
例如:<meta name="description" c> 注意必须要有半角双引号

3.1.5 为网页加上关键词标签,<meta name="keyword" c>
多个关键词用半角逗号隔开;写与网页相关的关键词,并把最相关的关键词排到前面。一般不超过30个汉字。
例如:<meta name="keyword" c>

3.1.6为正文的配图加上alt说明,<img src=”….” alt="说明">
可用CMS填充正文标题。
例如:<img src=”” alt="周杰伦弃蔡依林结新欢 与侯佩岑同游日本">

3.1.7 文章标题使用<h1></h1>强调、加粗<b></b>标记来强调主要内容。
在W3C的HTML标准中,规定了使用<h1></h1>…<h6><h6>来注明标题,搜索引擎认为<h1><h2>中的标题是更重要的内容。
例如:<h1>新闻标题或者专题标题</h1> <b>关键词</b>
使用方法:可在CSS样式单中定义h1的字体大小,颜色,粗细等

3.1.8 在底级页、专题页、栏目首页、频道首页放置 和 本页面主要内容 相关的的新闻、搜索、论坛连接。

3.1.9 保证底级页、专题页、栏目页中人工挑选的相关关键词的质量。
请参考《关键词分析方法和技巧》

3.1.10 底级页的搜索引擎文本输入框预置相关关键词

3.1.11 注意导航设计(sitemap):所有的页面都能从频道首页用不超过5次点击连接到,所有页面都能链回首页;避免连接错误,比如调用不存在的图片和连接到不存在的网页

3.1.12避免用JS、Flash、大幅图片来制作整个页面;如果一定要,必须在页面中留下文本内容;

3.1.13在</BODY>之前用注释的方式重复正文标题和关键词

3.1.14 专题、栏目等页面的URL使用核心主题的汉语拼音(优先)或英文,但不要过长

3.1.15 频道首页title修改为“频道名 – 核心内容”
例如:“房产”改为“房产 – 中国房地产最新报道”

3.1.16 在页面模板头部添加 <meta name="Robots" c>

3.1.17 为频道logo增加alt说明。

3.2站外合作(友情)连接优化

3.2.1多和优秀同类网站交换连接,使用文字或者图片连接形式
保证合作网站、合作专题的首页有对应链向首页的连接
争取合作网站每个网页都有对应链向首页的连接

3.2.2 文字连接形式
在连接文字中使用和连接页面内容相关的最热门相关关键字,比如“软件下载”比“软件”效果好
<a href="http://software.***.com/" target="_blank">软件下载</a>

3.2.3 图片连接形式,为图片加上alt说明
例如:<a href="http://ent.***.com/" target="_blank"><img src="toment.gif" alt="娱乐 – 电影、电视、音乐最新报道"></a>
其中alt是对图片的注释,加入和连接页面相关的热门的相关关键词

3.2.4 相关关键词选取的依据:
频道名称、栏目名称、频道主要内容
以及参考搜索引擎用户最常使用的关键词
http://top.baidu.com/
http://www.sogou.com/top/index.html

3.3 针对频道热门内容的优化

3.3.1 每日更新热门栏目

3.3.2 针对频道热门内容发布尽可能多的原创内容

3.4将动态页面URL静态化(应用Apache的mod_rewrite模块)
例如:用户和搜索引擎spider程序所访问的静态化URL
http://app.***.com/music/searchsong/singer/周杰伦
在后台重定向到
http://app.***.com/music/searchsong.php?mod=singer&keyword=周杰伦
这2个URL所显示的内容一样

3.5 跟踪统计优化的效果
根据日志统计包括每日从baidu,google,yahoo等搜索引擎带来的流量。

仔细看了一遍这份搜索引擎优化方案,发表下个人见解:

从策略角度上可以说写的比较全面,这些策略的应用的确会提升一个网站在google、baidu、yahoo等搜索引擎上的友好型,并有一些专门针对关键词的优化考虑,作为整站优化的SEO教程是比较合适。

但是,从应用角度来讲,对于流程复杂程度很高的大型门户网站来说,类似以上这种基础优化方案(个人称之为SEO手册)还是不够的;对于门户网站的各位SEO来说,要想凸现成绩,必须有针对特定目标的、准确的、执行方案。

从SEO技术角度讲,有几点还是值得探讨的,譬如:

1、
引用
所有的页面都能从频道首页用不超过5次点击连接到

假如,某个频道的某篇文章页(即终极页)在该频道的相应栏目列表页的第31页,同时,由于文章较老,无法在相关文章中匹配出来,而且翻页数量为10(这个比较通用了),那点击行为是:首页》频道首页》该栏目文章列表页》第10页》第20页》第30页》,点开文章就是第6次点击。这个问题如何解决???

不知道“不超过5次点击”这个结论有何而来,有知道的朋友请评论告知下!

2、
引用
所有页面都能链回首页

这个要求本身是正确的,可是从策略上讲是不合理的;首页重要,但是首页能针对的关键词却是有限的,什么样的优化策略决定着要使用何种链接结构,一般而言,频道首页重要型大于网站首页,因为内容页的PR是从频道首先向下传递的,所以不是什么样的网站都必须要求每个页面链回首页;对于门户网站来说,频道基本上都是开的二级域名,也就是说在SE眼中是一个“新站点”,所以,针对这个“新站点”庞大链接系统的起点并不是从www.***.com开始的。

3、

当然,这个方案的价值还是很高的,其中重要的几点的确提的好:

1、避免连接错误,比如调用不存在的图片和连接到不存在的网页
很多SEO都知道这个的重要型,但是却在优化中没有提炼出来

2、广告和与正文无关的内容尽量用iframe、JS等方式调用显示
这句话应该改成“广告等和与正文无关的内容尽量用iframe、JS等方式调用显示”,这是搜索引擎网页净化中很重要的一个策略。

2006年03月23日

        老有李想用LINUX很久了,可是一直怕把WINDOWS搞的不能用。为了能跟上IT步伐,所以决定学习LINUX,昨天在家用远程桌面登录到单位的机器上,因为单位是6M ADSL,所以下载很快。用迅雷同时下载3张的安装盘用了不到1个小时,今天到单位用刻录机刻了三张盘带回家,进行我的LINUX学习计划!

  早就听说VMWARE了可是一直没时间用。明天上午休息所以今天装上了VMWARE,准备安装LINUX。看到这里可能有同学要问了,什么是“VMWARE”?VMware Workstation是一个虚拟PC软件,可以在一台机器上同时运行两个或多个Windows、DOS、Linux操作系统。在各个相关的论坛里对这个软件的评价都不错。

  安装过程很容易和WINDOWS很相似。现在正在安装中。。。不知道装好后会不会用。

2006年03月14日

  在豆瓣的BLOG上看到说豆瓣是用Python做的,以前没听说达Python就随便找了点资料看,发现越看越喜欢!从别人对它的介绍中了解到它的好处。自己找一个Python简明教程来看。觉得开始学起来很简单,劲头十足。

  但是学习一个新的技术是很不容易的,真希望多认识几个会Python的朋友,能和他们有交流,从他们身上学到点东西。希望有会的高手能和我交个朋友!

2006年03月08日

CSS布局与传统表格(table)布局最大的区别在于:原来的定位都是采用表格,通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距;而现在则采用层(div)来定位,通过层的margin,padding,border等属性来控制版块的间距。

1.定义DIV

分析一个典型的定义div例子:

#sample{ MARGIN: 10px 10px 10px 10px;
PADDING:20px 10px 10px 20px;
BORDER-TOP: #CCC 2px solid;
BORDER-RIGHT: #CCC 2px solid;
BORDER-BOTTOM: #CCC 2px solid;
BORDER-LEFT: #CCC 2px solid;
BACKGROUND: url(images/bg_poem.jpg) #FEFEFE no-repeat right bottom;
COLOR: #666;
TEXT-ALIGN: center;
LINE-HEIGHT: 150%; WIDTH:60%; }

说明如下:

  • 层的名称为sample,在页面中用<div id="sample">就可以调用这个样式。
  • MARGIN是指层的边框以外留的空白,用于页边距或者与其它层制造一个间距。"10px 10px 10px 10px"分别代表"上右下左"(顺时针方向)四个边距,如果都一样,可以缩写成"MARGIN: 10px;"。如果边距为零,要写成"MARGIN: 0px;"。注意:当值是零时,除了RGB颜色值0%必须跟百分号,其他情况后面可以不跟单位"px"。MARGIN是透明元素,不能定义颜色。
  • PADDING是指层的边框到层的内容之间的空白。和margin一样,分别指定上右下左边框到内容的距离。如果都一样,可以缩写成"PADDING:0px"。单独指定左边可以写成"PADDING-LEFT: 0px;"。PADDING是透明元素,不能定义颜色。
  • BORDER是指层的边框,"BORDER-RIGHT: #CCC 2px solid;"是定义层的右边框颜色为"#CCC",宽度为"2px",样式为"solid"直线。如果要虚线样式可以用"dotted"。
  • BACKGROUND是定义层的背景。分2级定义,先定义图片背景,采用"url(../images/bg_logo.gif)"来指定背景图片路径;其次定义背景色"#FEFEFE"。"no-repeat"指背景图片不需要重复,如果需要横向重复用"repeat-x",纵向重复用"repeat-y",重复铺满整个背景用"repeat"。后面的"right bottom;"是指背景图片从右下角开始。如果没有背景图片可以只定义背景色BACKGROUND: #FEFEFE
  • COLOR用于定义字体颜色,上一节已经介绍过。
  • TEXT-ALIGN用来定义层中的内容排列方式,center居中,left居左,right居右。
  • LINE-HEIGHT定义行高,150%是指高度为标准高度的150%,也可以写作:LINE-HEIGHT:1.5或者LINE-HEIGHT:1.5em,都是一样的意思。
  • WIDTH是定义层的宽度,可以采用固定值,例如500px,也可以采用百分比,象这里的"60%"。要注意的是:这个宽度仅仅指你内容的宽度,不包含margin,border和padding。但在有些浏览器中不是这么定义的,需要你多试试。

下面是这个层的实际表现:

这里是演示内容,这里是演示内容,这里是演示内容,这里是演示内容,这里是演示内容,这里是演示内容,这里是演示内容,这里是演示内容,

这里是演示内容,这里是演示内容,

这里是演示内容,这里是演示内容,

这里是演示内容…

我们可以看到边框是2px的灰色,背景图片在右下没有重复,内容距离上和左边框20px,内容居中,一切和预想的一样。hoho,虽然不好看,但它是最基本的,掌握了它,你就已经学会一半的CSS布局技术了。就是这样,不算难吧!(另一半是什么?另一半是层与层之间的定位。我会在后面逐步讲解。)

2.CSS2盒模型

自从1996年CSS1的推出,W3C组织就建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落、列表、标题、图片以及层<div>。盒模型主要定义四个区域:内容(content)、边框距(padding)、边界(border)和边距(margin)。上面我们讲的sample层就是一个典型的盒。对于初学者,经常会搞不清楚margin,background-color,background-image,padding,content,border之间的层次、关系和相互影响。这里提供一张盒模型的3D示意图,希望便于你的理解和记忆。

CSS2盒模型的3D示意图

3.辅助图片一律用背景处理

用XHTML+CSS布局,有一个技术一开始让你不习惯,应该说是一种思维方式与传统表格布局不一样,那就是:所有辅助图片都用背景来实现。类似这样:

BACKGROUND: url(images/bg_poem.jpg) #FEFEFE no-repeat right bottom;

尽管可以用<img>直接插在内容中,但这是不推荐的。这里的"辅助图片"是指那些不是作为页面要表达的内容的一部分,而仅仅用于修饰、间隔、提醒的图片。例如:相册中的图片、图片新闻中的图片,上面的3d盒模型图片都属于内容的一部分,它们可以用<img>元素直接插在页面里,而其它的类似logo,标题图片,列表前缀图片都必须采用背景方式或者其他CSS方式显示。

这样做的原因有2点:

  • 将表现与结构彻底相分离(参考阅读另一篇文章:《理解表现与结构相分离》),用CSS控制所有的外观表现,便于改版。
  • 使页面更具有易用性,更有亲和力。例如:盲人使用屏幕阅读机,用背景技术实现的图片就不会被朗读出来。

CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制,属于表现层的布局语言。

1.基本语法规范

分析一个典型CSS的语句:

p {COLOR:#FF0000;BACKGROUND:#FFFFFF}

  • 其中"p"我们称为"选择器"(selectors),指明我们要给"p"定义样式;
  • 样式声明写在一对大括号"{}"中;
  • COLOR和BACKGROUND称为"属性"(property),不同属性之间用分号";"分隔;
  • "#FF0000"和"#FFFFFF"是属性的值(value)。

2.颜色值

颜色值可以用RGB值写,例如:color : rgb(255,0,0),也可以用十六进制写,就象上面例子color:#FF0000。如果十六进制值是成对重复的可以简写,效果一样。例如:#FF0000可以写成#F00。但如果不重复就不可以简写,例如#FC1A1B必须写满六位。

3.定义字体

web标准推荐如下字体定义方法:

body { font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif; }

  • 字体按照所列出的顺序选用。如果用户的计算机含有Lucida Grande字体,文档将被指定为Lucida Grande。没有的话,就被指定为Verdana字体,如果也没有Verdana,就指定为Lucida字体,依此类推,;
  • Lucida Grande字体适合Mac OS X;
  • Verdana字体适合所有的Windows系统;
  • Lucida适合UNIX用户
  • "宋体"适合中文简体用户;
  • 如果所列出的字体都不能用,则默认的sans-serif字体能保证调用;

4.群选择器

当几个元素样式属性一样时,可以共同调用一个声明,元素之间用逗号分隔,: p, td, li { font-size : 12px ; }

5.派生选择器

可以使用派生选择器给一个元素里的子元素定义样式,例如这样:

li strong { font-style : italic; font-weight : normal;}

就是给li下面的子元素strong定义一个斜体不加粗的样式。

6.id选择器

用CSS布局主要用层"div"来实现,而div的样式通过"id选择器"来定义。例如我们首先定义一个层

<div id="menubar"></div>

然后在样式表里这样定义:

#menubar {MARGIN: 0px;BACKGROUND: #FEFEFE;COLOR: #666;}

其中"menubar"是你自己定义的id名称。注意在前面加"#"号。

id选择器也同样支持派生,例如:

#menubar p { text-align : right; margin-top : 10px; }

这个方法主要用来定义层和那些比较复杂,有多个派生的元素。

6.类别选择器

在CSS里用一个点开头表示类别选择器定义,例如:

.14px {color : #f60 ;font-size:14px ;}

在页面中,用class="类别名"的方法调用:

<span class="14px">14px大小的字体</span>

这个方法比较简单灵活,可以随时根据页面需要新建和删除。

7.定义链接的样式

CSS中用四个伪类来定义链接的样式,分别是:a:link、a:visited、a:hover和a : active,例如:

a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}
a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}
a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}
a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;}

以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。注意,必须按以上顺序写,否则显示可能和你预想的不一样。记住它们的顺序是“LVHA”。

2006年03月07日

1.所有的标记都必须要有一个相应的结束标记

以前在HTML中,你可以打开许多标签,例如<p>和<li>而不一定写对应的</p>和</li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个"/"来关闭它。例如:

<br /><img height="80" alt="网页设计师" src="../images/logo_w3cn_200×80.gif" width="200" />

2.所有标签的元素和属性的名字都必须使用小写

与HTML不一样,XHTML对大小写是敏感的,<title>和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如:<BODY>必须写成<body> 。大小写夹杂也是不被认可的,通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。

3.所有的XML标记都必须合理嵌套

同样因为XHTML要求有严谨的结构,因此所有的嵌套都必须按顺序,以前我们这样写的代码:

<p><b></p>/b>

必须修改为:

<p><b></b>/p>

就是说,一层一层的嵌套必须是严格对称。

4.所有的属性必须用引号""括起来

在HTML中,你可以不需要给属性值加引号,但是在XHTML中,它们必须被加引号。例如:

<height=80>

必须修改为:

<height="80">

特殊情况,你需要在属性值里使用双引号,你可以用",单引号可以使用&apos;,例如:

<alt="say&apos;hello&apos;">

5.把所有<和&特殊符号用编码表示

  • 任何小于号(<),不是标签的一部分,都必须被编码为& l t ;
  • 任何大于号(>),不是标签的一部分,都必须被编码为& g t ;
  • 任何与号(&),不是实体的一部分的,都必须被编码为& a m p;

注:以上字符之间无空格。

6.给所有属性赋一个值

XHTML规定所有属性都必须有一个值,没有值的就重复本身。例如:

<td nowrap> <input type="checkbox" name="shirt" value="medium" checked>

必须修改为:

<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked">

7.不要在注释内容中使“–”

“–”只能发生在XHTML注释的开头和结束,也就是说,在内容中它们不再有效。例如下面的代码是无效的:

<!–这里是注释———–这里是注释–>

用等号或者空格替换内部的虚线。

<!–这里是注释============这里是注释–>

以上这些规范有的看上去比较奇怪,但这一切都是为了使我们的代码有一个统一、唯一的标准,便于以后的数据再利用。

DOCTYPE是document type(文档类型)的简写,用来说明你用的XHTML或者HTML是什么版本。

其中的DTD(例如上例中的xhtml1-transitional.dtd)叫文档类型定义,里面包含了文档的规则,浏览器就根据你定义的DTD来解释你页面的标识,并展现出来。

要建立符合标准的网页,DOCTYPE声明是必不可少的关键组成部分;除非你的XHTML确定了一个正确的DOCTYPE,否则你的标识和CSS都不会生效。

XHTML 1.0 提供了三种DTD声明可供选择:

  • 过渡的(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  • 严格的(Strict):要求严格的DTD,你不能使用任何表现层的标识和属性,例如<br>。完整代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

  • 框架的(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD。完整代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

2006年01月18日

  搞BLOG好久了,但是Trackback这词一直不知道什么意思。今天不知道为什么突然想知道,感觉有点想赶潮流的感觉。在GOOGLE上搜了一下,搜到了DONEWS上的BLOG里写的文章。看来现在有关IT的文章搜索的时候基本都到了DONEWS上了。

  看了下面这个文章

Trackback: http://tb.donews.net/TrackBack.aspx?PostId=197144

2006年01月15日

        前一阵G宝盘改版后我发现这样一个功能。可以在你的BLOG上显示你收藏的软件下载、文章下载、音乐下载等等。对大家来说真的很有用啊。

  首先去G宝盘申请一个帐号,登录后在“常用工具”里面找到“Gblock”复制里面的代码,然后在你的公告栏里粘贴这段代码就可以了。我BLOG右面有效果演示。

2006年01月14日

把帐号换成你自己的就可以了

<a href="javascript:d=document;t=d.selection?(d.selection.type!=’None’?d.selection.createRange().text:”):(d.getSelection?d.getSelection():”);void(keyit=window.open(‘http://www.365key.com/storeit.aspx?t=‘+escape(d.title)+’&u=’+escape(d.location.href)+’&c=’+escape(t),’keyit’,’scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes’));keyit.focus();" title="功能强大的网络收藏夹,一秒钟操作就可以轻松实现保存带来的价值、分享带来的快乐">收藏此页到<font color=DarkOrchid>365K<font color="#57c200">e</font>y</font></a>
<br>
<a href="javascript:d=document;t=d.selection?(d.selection.type!=’None’?d.selection.createRange().text:”):(d.getSelection?d.getSelection():”);void(yesky=window.open(‘http://hot.yesky.com/dp.aspx?t=‘+escape(d.title)+’&u=’+escape(d.location.href)+’&c=’+escape(t)+’&st=2′,’yesky’,’scrollbars=no,width=400,height=480,left=75,top=20,status=no,resizable=yes’));yesky.focus();" title="天极网摘:文摘|图摘|闪摘|乐摘 http://hot.yesky.com">收藏到天极网摘</a>
<br>
<a href="javascript:t=document.title;u=location.href;e=document.selection?(document.selection.type!=’None’?document.selection.createRange().text:”):(document.getSelection?document.getSelection():”);void(open(‘http://bookmark.hexun.com/post.aspx?title=‘+escape(t)+’&url=’+escape(u)+’&excerpt=’+escape(e),’HexunBookmark’,’scrollbars=no,width=600,height=450,left=80,top=80,status=no,resizable=yes’));">添加到和讯网摘</a>
<br>
<a
href="javascript:d=document;t=d.selection?(d.selection.type!=’None’?d.selection.createRange
().text:”):(d.getSelection?d.getSelection():”);void(vivi=window.open(‘http://my.poco.cn/fav/storeit.php?t=‘+escape(d.title)+’&u=’+escape(d.location.href)+’&c=’+escape(t),’_blank’,’scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes’));" title="收藏到POCO 网摘http://share.poco.cn">收藏到POCO 网摘</a>
<br>
<a href="javascript:d=document;if (!sel) {var sel = ”;};char =d.charset;title=d.selection?(d.selection.type!=’None’?d.selection.createRange().text:”):(d.getSelection?d.getSelection():”);void(keyit=window.open(‘http://www.5seek.com/storeit.asp?title=‘+escape(d.title)+’&url=’+escape(d.location.href)+’&char=’+escape(d.char)+’&sel=’+escape(d.sel),’keyit’,’scrollbars=no,width=515,height=555,left=75,top=20,status=yes,resizable=yes’));keyit.focus();" title="5SEEK–我的网摘|网络收藏夹|让网络改变你的生活!">
收藏此页到<font color=#FF9966>我的网摘</font>
</a>
<br>
<a
href="javascript:d=document;t=d.selection?(d.selection.type!=’None’?d.selection.createRange
().text:”):(d.getSelection?d.getSelection():”);void(vivi=window.open(‘http://vivi.sina.com.cn/collect/icollect.php?pid=www.mwnu.com/blog&title=’+escape(d.title)+’&url=’+escape(d.location.href)+’&desc=’+escape(t),’vivi’,’scrollbars=no,width=480,height=480,left=75,top=20,status=no,resizable=yes’));vivi.focus();" title="收藏的网页将被永久地保存到新浪ViVi收藏夹http://vivi.sina.com.cn">收藏到新浪ViVi收藏夹</a>