让我的博客变得社会化一些
. 这两天终于可以花时间对我的站点进行一些修修补补和优化,主要是对页面色调进行了重新搭配,将以前白色的主色调换成了现在的黑白两色,这样可以增加一些持重的感觉(个人观点),并且变更了页面的布局,在文章标题前面增加了一个类似Office Word logo的小图标;同时,为了跟得上社会,我也将一些Web2.0应用直接用图标的形式放在了页面右上方,这些图片是放在一个CSS Sprites里面的,如果有兴趣,你可以将图片保存到本地,会发现它们其实是一张图片,而不是零散各自独立的小图标,这样做的好处是可以减少Http请求次数,提高访问速度;图标有些大但容易发现(这让我想起百度老年),最后,对CSS文件也进行了一些优化,将原来的7个CSS文件合并成1个管理,减少不少HTTP请求。
. 这次在页面右上角增加了一个邮件链接、一个Twitter地址和一个饭否地址,同时将以前的Feedburner订阅地址也集中到一起了,并进行了一些排版(要感谢blues的意见,否则会比现在难看),其实我制作的CSS Sprites里面还包含的Delicious和Digg的图标,等以后有空再将它们集成进我的博客文章里面。
用Pikeo支持博客图片外链
一直追求让自己的网站从技术层上易于访问,因而不太想在文章里面插入许
多图片,或是用很多图片来装饰网站,而采用了这个很土的“简约美”风格;而有时候发现图片确实能传达一些口说不出和不可说的东西,为了插入的图片加载迅速,我尝试用Google Picasa作为图片外链来源,曾经就听说Picasa支持图片外链,并且想到Google作为后盾,就欣然使用了,结果是让我失望的;好几次我用Picasa的图片链接往往是开始时生效,然后就经常访问不到了,亦或是一张能访问而另一张却死活加载不了,很不稳定。今天我选用一个来自法国的图片管理及分享服务Pikeo作为我的图片外链库,它采用Flash页面对图片进行管理,可能由于网速及服务器原因,表现一般,但值得注意的是其在每张图片下面专门提供了一个将图片外链到博客的按钮,这表明人家是旗帜鲜明的支持图片外链的,可以放心使用。我专门测试了一下,作为图片外链库其表现可圈可点,鼓励大家使用。
最后:
1.我为什么不用国内的图片外链,这样应该访问更快?访问更快也许是对的,但我担心某天由于贴了张敏感图片结果就糊里糊涂的被删了;
2.我为什么不用Flickr,这么出名,而且支持图片外链?是的,我也很想用,但是Flickr在大陆访问巨慢,同时,朝廷太关心它了。
自定义“饭否添加到个人博客”
前几天用饭否的你可以把饭否添加到你的博客功能把饭否添加到了自己的博客,饭否有三种可选样式,分别是Flash插件版、图片插件版、JS插件版,就我所知,有很多BSP并不支持JS插件版,如网易博客、Blogbus、新浪博客等,有些是可以支持的,如Google的Blogger(基本上在大陆被封),而独立博客不出意外都应该是可以的。
Flash插件版和图片插件版虽然看上去很炫,但一则其自定义很差,二则Flash、图片这些都是些浪费带宽的主儿,影响访问速度。所以我个人选择了JS插件版,因为它相对简单,代码页清晰,传输的也仅仅是纯文本,不耗带宽。但用起来着实简单过头,白纸黑字,实在是不好看。
经过用Firebug分析其显示,虽然饭否生成的信息文字被包裹在一个叫<div id=”fanfou_statuses_user用户名“ class=”fanfou_statuses“>的<div>里面,但其实这个div中的id和class根本就不起任何作用,因为我们的博客服务器上的CSS文件本来就没有定义这些id和class,但以上提到的id和class名又是通过引入的JS动态生成的,没法改,所以我们只需要在自己博客的相关CSS文件中定义(重写)一个名字叫“fanfou_statuses”的类就搞定了。类“fanfou_statuses”中的li的显示效果,同样可以通过 “.fanfou_statuses li {…………}”重写,要什么效果就是你自己的事了。
最后说一句,以上方法是针对独立博客,BSP托管的好像还不能自己重定义CSS。
WordPress如何对页面进行排序
我们知道管理WordPress博客系统是很自主的,当然对于页面布局方式的管理也不在话下。我是比较喜欢有一个类似菜单栏的页面布局方式,可前几天我却为页面的排序苦恼了半天。每当我新建一个页面后,它就默认排在之前页面的后面,着实让我觉得不够自主性,上网查了很多,有人说去改写php代码,可这也太不友好了吧。经过摸索,我发现WordPress对页面的排序其实很简单。方法如下:
进入后台—->页面—–>编辑,然后对选中的页面点击快速编辑,你会看到一个参数:排序,你给它填个数字,每个页面的“排序”属性大小顺序就是你要的顺序。当然在你新建一个页面时属性栏里也会有“排序”这个窗口可填写。
就是这么简单。