显示标签为“Blogger”的博文。显示所有博文
显示标签为“Blogger”的博文。显示所有博文

2012/04/12

迁移

2010年9月30日旧帖

Windows Live Spaces病怏怏地过了一段时间之后,终于决定要把日志服务迁移到WordPress了。事实上的一个业务撤退,被美其名曰“Upgrade”。说句实在话,除去Live的逻辑太混乱,速度太慢,服务不稳定这些缺点不谈,它还是比较好的一个适合傻瓜的博客托管服务的。WordPress也很不错,但唯一担心的是它会不会重蹈Blogger的覆辙,被GFW屏蔽掉。话说事实上WordPress之前一直就是被屏蔽的,不知道什么时候在国内竟然又可以访问了。

停止更新

本来想用Windows Live Spaces的,结果人家不玩了,给丢到了wordpress。一年半以后再看以前的blog,挺有感触的,blog还是微博所无法代替的。收拾心情,重新上路吧。

让我们在 http://novelx0.wordpress.com 再见吧。

2008/04/07

一声叹息

转了一大圈,发现blogger确实是我知道的最好的blog托管服务:没有广告,强大的可定制性,稳定的服务,哦,只是这最后一点要打个问号。这倒不怪blogger,要怪就怪无所不能的GFW。Blogspot已经很久不能从中国大陆访问了,关键是不知道这种日子还要持续多久。目前只好暂别Blogger,回到MSN space去了。

2007/04/16

如何访问GFW封锁下的Blogspot

PKBLOGS无法使用了,必须找别的方法才能在国内继续访问Blogspot。前文记载过使用Google翻译来访问Blogspot的方法,但毕竟不是正规方法。前几天找到一个Web代理,非常好用,贴下来记住:

http://www.txwh.info/

2007/03/28

Blogspot解封!

不知道是Google公关同志们起了作用还是怎么着,今天Blogspot竟然解封了,顺带着PKBLOGS也恢复了正常功能。但愿不是短暂抽风。 -------------------- 2007/4/17 今天看Google Analytics,发现昨天网页访问量突然增加,还发现好几处国内IP访问的痕迹。试了一下,发现Blogspot又解封了。

通过Google翻译访问Blogspot

今天通过电信和联通两个网络都无法通过PKBLOGS访问我的Blog(http://pkblogs.com/novelx),不知道是暂时的网络问题还是永久性被封。不过还有一个好办法来访问blogspot,那就是通过Google翻译。 访问http://www.google.com/translate_t,在“Translate a web page”一栏里写上要访问的地址,这里是http://novelx.blogspot.com;语言不用选择(缺省是"Spanish to English"),点"Translate"。这时就可以轻松访问blogspot的内容了,如果页面内容为汉字,那么翻译后的页面和原页面是基本一样的。

2007/03/24

PKBLOGS真是个好东西

Blogspot近期国内无法访问,所以又想起来以前用过的一些点子,其中最简单的方法就是通过PKBLOGS来访问。比如访问我的网站http://novelx.blogspot.com,那么通过PKBLOGS访问的话就是下面这个地址:

http://pkblogs.com/novelx
这个方法还有一个很好的优点,就是PKBLOGS已经对页面上所有指向Blogspot的链接自动进行了翻译,都修改成通过PKBLOGS访问的方法。这样用户用起来不会感到和直接访问原网站有何不同,果然是“无缝连接”啊。 今天通过家里电脑访问公司机器,忽然想起来输入法的事情。Google书签最大的优点就是可以多台电脑共享书签,借用这个概念,搜狗输入法为什么不把用户数据库也做成服务器端的呢?这样无论我在公司还是家里还是任何地方,词库都是一样的,所以用户体验也几乎完全相同。如果Google做输入法,一定会这么做。

2007/03/22

Blogspot又被封了

默哀,同时最诚挚地诅咒身边这个世界。我们的身上全是义务,却没有一丝的权利,现在就连自由也要失去。

2007/03/15

搞定了三栏模板

这里要感谢8O的文章:怎样实现三栏的Blogger Beta模板。我首先按照文章的介绍增加了一个r-sidebar的div块,同时为它增加了一个r-sidebar样式,这样就为模板增加了一个右侧边栏。具体方法都可以参考这篇文章。之后我还调整了各内容块放置的顺序,也就是正文里每个div块的先后顺序,由main->sidebar调整成sidebar->main->r-sidebar。这样改之后再用Google进行翻译时就不会出现由于正文过长而导致的sidebar内容不被翻译的问题了(当然,正文的后半部分以及r-sidebar仍然有可能未被翻译,但在Google去掉翻译长度的限制之前,这还是无法解决的事情)。做完这件事情又摸索着把模板进行了些定制,现在稍微有些经验了,也收获一些心得,随便写写吧。 按照8O的文章只是把第三栏给加上去了,但想把页面排齐整还需要做一些工作。原来我的模板是占据整个页面的,现在想把它改成固定宽度并且居中。做这件事情之前对css样式一窍不通,很多事情都是摸索着做。废话少说,我的模板里几个css样式的最终版本是这样子的: #outer-wrapper {  /* 设定整个页面的属性 */   width: 1024px;  /* 页面宽度 */   margin: 0 auto; /* 设置margin,这样写之后页面就居中了 */   font:$bodyfont; /* 页面缺省字体 */ } #header {        /* 这里定义header模块的样式,该模块在正文中将被放到页首 */   width: 1024px; /* 添加这一行,设置header的宽度,占据整个页面宽度 */   padding:0px 0px 0px 0px; /* 内部无缝隙 */   margin:0px 0px 0px 0px;  /* 外部也不留缝隙 */   border-bottom:dotted 1px #e0ad12; /* 底部留一条宽度为1px,颜色为#e0ad12的虚线 */   background:#F5E39e;      /* 背景颜色 */ } 修改content-wrapper, main-wrapper、sidebar以及r-sidebar的样式: #content-wrapper {   padding: 0;  /* 内部空隙设为0 */ } div#main {       /* 帖子正文所在的块 */   margin: 0px;   /* 和其他一样,块外不留空隙 */   float:left;    /* 靠左放置 */   width: 560px;  /* 内容的宽度 */   padding: 10px; /* 块内的四个方向都留10px的空隙 */   border-left:dotted 1px $bordercolor;  /* 块左边留一条虚线 */   border-right:dotted 1px $bordercolor; /* 块右边留一条虚线 */   word-wrap: break-word;   overflow: hidden; } div#sidebar {   margin: 0px;   /* 外部无空隙 */   padding:0 10px 0 0; /* 内部右侧留一个10px的空隙 */   text-align:left;    /* 文本对齐方向 */   float: left;        /* 靠左放置 */   width: 250px;       /* 内容的宽度 */   word-wrap: break-word;   overflow: hidden;      } div#r-sidebar {   margin: 0px;         /* 块四周不留空隙 */   padding: 0 0 0 10px; /* 块内部留一定空隙(四个数字按顺序分别是上、右、下、左) */   text-align:left;     /* 块内的文本设成左对齐 */   float: right;        /* 靠右放置 */   width: 172px;        /* 内容的宽度,再加上padding的空隙就是块的总宽度,这里是172+10=182px */   word-wrap: break-word;   overflow: hidden; } 仔细看一下<body></body>之间div块的嵌套关系,就很容易明白页面是按照怎样的规则和顺序来根据预定义的css样式放置各个块的了,我的模板是这样的: <div id='outer-wrapper'><div id='wrap2'> 首先放置一个宽度为1024的outer-wrapper,其margin是上为0,左右下为自动设置   <div id='header-wrapper'> ... </div> 放置header-wrapper,其宽度也是1024   <div id='content-wrapper'> 放置宽度为1024的content-wrapper,其外部空隙为0,内部空隙也为0     <div id='sidebar-wrapper'> ... </div> 放置sidebar,其宽度是250+10=260px,靠左放置     <div id='main-wrapper'> ... </div> 放置main,在这之前,根据main的定义,先放置一条1px宽的虚线,然后把main块放好,再放一条1px宽的虚线。此时由左到右已经放置的内容占据的宽度为250+10+1+10+560+10+1=842px,页面右边还有1024-842=182的空白,所以r-sidebar的宽度一定要控制在这个范围,否则就会跑到sidebar和main的下面去了     <div id='r-sidebar-wrapper'> ... </div> 开始放置r-sidebar,宽度是172+10=182px,靠左还是靠右放置已经不重要了,反正空间刚刚好。   </div> 结束content块 </div> 结束outer块 如果想改变sidebar里面各个widget的样式,那么就修改#sidebar .widget #sidebar .widget {   margin:0px 0px 0px 0px; /* 没有margin */   padding: 10px 0px 10px 0px; /* 每个widget内部所留的空隙 */   font-size:95%; /* 字体大小为sidebar内字体的95% */   border-bottom:1px solid #e0ad12; /* 每个widget下面创建一条1px宽的虚线,颜色为#e0ad12 */ } 同理也可以修改放在r-sidebar中的widget的缺省样式,这可以通过创建一个新的样式块来做到: #r-sidebar .widget {   margin:0px 0px 0px 0px;   padding: 10px 0px 10px 0px;   font-size:95%; } 很简单吧。

2007/03/09

博客男女

无意间看到这个网站:博客男女(http://www.yodao.com/blogender/),其功能基本只有一个,就是通过分析blog上的文字来判断blog主人的性别。创意有点意思,技术上也不含糊,评语就更加耐看啦。先看看对我的判断:

蓝&橙
100.0%男性倾向,0.0%女性倾向
评点:您的文风冷静而镇定,言语间展现出强悍的思辨能力与恢宏的胸襟,一个男子汉的阳刚形象跃然纸上。
yodao | 博客男女
哈哈,千穿万穿,马屁不穿,文字功夫真是到家啊。试了些别的blog,评语一个比一个肉麻,大家还是亲自去试试吧。

2007/02/13

为Blog添加自动翻译

Google的自动翻译功能已经知道很久了,也试着用过。经过几天的努力,拜读了Amit的文章之后,终于把这个功能集成到了Blog上。浏览者只需要点击网页上一个特定的链接就可以通过英文来浏览网页了。 自然语言理解本身是个很难的问题,机器翻译则几乎是自然语言理解中最难的问题了。Google的自动翻译不知道在业界处于什么位置,仅从实用的角度来看,除非用户有迫切的需要,否则不会有太多人喜欢用所谓的机器翻译。不管怎么说,新技术总是值得一试的,况且或许真有人对我的Blog非常感兴趣也说不定呢。我首先在Amit的Blog上找到了一篇文章,讲述如何把英文网页翻译成其他文字。在我本人的Blog上试了多次并不成功,放到模版里的<!-- ... //-->标记中的JavaScript总是会被过滤掉。后来又看到Amit文章后面的一个回复,终于搞定了。 我使用的是Blogger的Layout模版。首先为模版添加一个HTML/JavaScript页面元素。在该页面元素的编辑页面把下面的Code贴到内容框里: <form action="http://www.google.com/translate_c"> <script language="JavaScript"> <!-- document.write ("<input name=u value="+location.href+" type=hidden>") // --> </script> <input value="en" name="hl" type="hidden"/> <input value="UTF8" name="ie" type="hidden"/> <input value="" name="langpair" type="hidden"/> Translate the page to <input onclick="this.form.langpair.value=this.value" title="Translate to English" value="zh|en" type="image" height="20" src="http://lh4.google.com/image/xiaohan.li/Rc_4RsUmB7I/AAAAAAAAAQk/rMp-2ENbEss/s288/English.jpg" width="30" name="langpair"/> </form> 保存结果,搞定。用户可以自定义上面代码中图片链接的地址,还可以编辑模版对字体和排版进行再修改。目前有两个问题没有解决,一个是翻译结果页面会有Google页头在上面,第二就是侧栏并没有被翻译,这两天我再找找原因和解决办法。目前我的Blog上看起来是这个样子的:

------------------------- 2006-2-28 对于侧边栏文字仍旧为中文的问题,我觉得我找到答案了。首页文字在HTML源代码中的顺序依次是标题、文章内容、侧边栏,而我发现翻译结果开始是英文,然后在靠后的某篇文章中段变成了中文,然后延续到侧边栏为止。而Google翻译对页面大小是有限制的,超过这个限制之后便不再翻译页面内容。这就造成了侧边栏仍然是中文的现象。 关于如何去掉翻译页面中Google的页头,把Google翻译的地址中的由translate改成translate_c就可以了。

2007/02/06

在主页上添加“最近评论”

效果图
Blogger现在已经支持在页面上添加聚合器了,如果其它网页支持feed,那么就可以把该网页所公布的内容聚合到Blogger页面上。其效果就是当浏览者打开Blogger网页时可以看到所聚合的其它网页的信息。用这种方法可以把新闻、好友Blog内容或者其它信息集成到Blog上,感觉很不错。Blogger上的评论也是支持feed的,所以只要获悉这个feed的地址并且把它集成到Blogger主页上就可以在专门的表格里看到评论的汇总。 具体方法就是在模版里增加一个"Feed"页面元素,在"Feed URL"里填上"http://novelx.blogspot.com/feeds/comments/full"即可。当然,URL里的域名要换成自己的那个。Beautiful Beta对这个方法有详细介绍,并且还介绍了一些小花样。作为Web2.0的一个重要特性,Feed的便利我才刚刚体会到。

2007/01/24

"Peek-a-boo"特效

也就是帖子的折叠与展开的特效。原文见此帖,有空再翻译一下。但有一个巨大bug,就是浏览旧帖子时总会跳出来“查看全文”。

http://beautifulbeta.blogspot.com/2006/09/super-peek-boo-posts.html

2007/01/20

Google Analytics - 免费而专业的流量分析工具

刚建好Blog的时候出于好奇想看看网页的访问量,于是根据以往的经验准备在网上找个网页计数器用用。网上的免费计数器有很多,也注册了几个,但大多不太好用,要么是有广告,要么功能太简单。过一段时间之后才发现Google原来就提供类似功能的这样一个流量分析工具。与网页计数器不同,它的功能并不在是前台提供所有人都看得到的计数器,而是在后台为网站所有者提供一个对网页访问活动进行分析的工具。 通过Google帐号登录Google Analytics网站之后,在Website profiles表格的右侧可以看到"Create a new website profile"的链接,可通过此链接为你的网页创建一个Profile。 点击链接之后把需要检测的网页地址输进去,然后下一步可获得一段JavaScript代码,把这段代码贴到需要检测的网页中</body>之前的地方即可。如果你的网站有模版,那么将代码放到模版里面,整个网站的网页就在检测之下了。一切顺利的话,等待一天之后就可以在Google Analytics里看到流量检测结果。 当发生对网页的访问时,Google Analytics会记录下所能获得的尽可能多的信息,然后将收集的数据从各个维度以图表的形式展现出来。记录下的信息包括访问次数、访问者所在地区、访问者所使用语言、访问者由哪个页面推荐而来等等等等。用户还可以为自己的网站制定发展计划,定期查看访问情况有无达到目标。 每天打开Google Analytics看一次,前一天对网页的访问情况就一清二楚了。收集信息并不难,难的是如何把收集到的信息组织、管理并以适当的形式反馈给用户,这点Google做得很不错。从Search到Earth到Trends到Analytics,有了这些工具的帮助,人们感觉越来越像上帝了。

2006/11/29

Blogspot复活!

在把blog从blogspot搬到blogspaces几天之后,忽然听说blogspot又被万能的GSW解封了。一时既没有因为搬家白费了力气而感觉到沮丧,也并没有为blogspot的解封感到什么欣喜。今年9月到10月间blogspot就被解封过,但10月底又被封掉,搞得一帮人无所适从,搬家也不好不搬家也不好。谁知道这次的解封能持续多久呢,也许几个星期,也许几个月。blogspot被解封最大的好处一是可以用动态网页,二是可以给blog打label,三是紧跟beta版尝试其最新功能,而这些我目前都用不到。所以静观其变吧。

这世界上有些事情可以找规律,然后进行分析,预测,有些却不行。前者的典型代表就是科学理论,生活经验;后者的典型代表就是GSW以及相关个体的行为,它既不服从经济规律和商业准则,也不服从所有摆到桌面上的正常观点,实在是神秘之极。

2006/11/18

再次搬家

办一件事真难,最近又发现beta.blogger.com也访问不了了,原来访问blogspot的方法http://pkblogs.com/something竟然也不行了,GFW真是无所不能啊。记起原来见到过的一个方法:blogger可以把web内容发布到指定ftp服务器,而国内一个网站:blogspaces.com则可以托管。现在只好开始搬家了。beta.blogger.com暂不支持ftp发布,于是先用另外一个方法(.nyud.net:8090)将blog保存,然后用网上一个方法(在c:\windows\system32\drivers\etc\hosts文件中添加一行:“72.14.219.190 beta.blogger.com”)访问beta.blogger.com,将空间删除。之后再到blogger.com创建个人空间,添加内容,发布web内容到blogspaces.com。顺便修改了一下blog的template,使其更像原来beta.blogger.com上的那个。终于完工了,到现在一切都很顺利。以后文本内容发布到blogspaces.com,而图片则从picasaweb链接过来,真是绝配啊。 一切看起来正常了,现在就担心两件事情。一是blogger.com被封,二是blogspaces.com在blog实名制的推行下被迫关闭。前者被封掉的话虽然我可以通过其他访问,但访客就无法发表comment了。后者关闭的可能性倒不大,只要它足够顺从的话。

中大奖了

注册后才知道,blogspot.com原来是有前科的。我10月上旬注册blogger.com的时候,正巧一切风平浪静。等我升级了Beta,发表了几个post之后,才忽然发现*.blogspot.com挂了,访问不了。一开始还以为是公司代理的问题,回到家后发现问题照旧,才感觉到这个问题不是那么简单的了。Google了一下,才知道blogspot.com以前还有这么多故事哪。不由得感叹起来:无论我怎么折腾,只要身在此处,游戏规则的制订终归是轮不到我的。譬如有人给咱打造个鞋子,但至于穿上去合不合脚,要不要穿,咱是没有发言权的,只能低头做自己的事情,脚疼了就忍着,连脱鞋子的想法都不敢有。

中国大陆访问本Blog可通过: http://novelx.blogspot.com.nyud.net:8090/ http://pkblogs.com/novelx.blogspot.com

一些讨论文章: http://chen.024ss.com/2006/10/blogger-beta.html http://blog.cnblog.org/archives/2003/01/blogspotcomiaie.html

2006/11/17

Google的拥趸

前一段时间试用了Hotmail Live,用下来感觉一塌糊涂。邮箱经常打不开不说,广告图片也占用了太多的地方。虽然可操作的区域不算小,但老看着MS自己的广告在眼前晃来晃去也着实不爽。给自己做做宣传没有什么问题,但跳出来挡住我的视线就不对了,而且我都用着MSN的东西了它还举个牌子在我眼前晃,没意思。但按道理,用免费的东西,广告是可以接受的,但问题是现在有更好的gmail,界面干净,操作方便,响应快速,何乐而不为呢。 MSN的space前段时间也出了点问题。问题本身是可以忍受的,但它的照片上载功能我一直用着不爽,有时上传了照片但看不到,有时上传不成功,而且我还找到一个固定路径,上传时写的中文注释会显示成乱码。按照MS的实力,这样的结果实在让人失望。MSN Live Messenger感觉也不好,从Beta版到正式版,害得我前几天又退回了7.5的Messenger版本。总之,MS的这几个Beta版是我见过的最差的Beta版,从一定程度上改变了我的Beta版软件的看法。 投奔Google吧,连blog一起跟着来吧。