2009年9月9日星期三

{置顶}如何在BLOGGER中置顶一篇日志

如何置顶?呵呵,这不就置顶了么?看看这篇日志的时间吧~

相应的,想设置多篇置顶日志的顺序的话就修改下发表时间咯~

2009年2月16日星期一

强化Blogger的引用功能(二)

其实昨天就在色彩斑斓找到这个方法了,不过由于改到最后提示变量失败再加上时间很晚,所以就没有继续弄下去。今天闲来无事,又试了下,终于成功了。

老规矩,和之前的“强化Blogger的引用功能”作下比较:
1.由于定义了变量,所以可以更加方便地更改引用区的颜色。
2.引用区长度需要根据不同模板自己设定。
3.编辑日志时同样需要调用函数。
4.配合“让Blogger首页显示文章摘要时”功能时稍微有点问题(会紧贴着引用区,不过可以解决)。

演示:

























下面来说实现方法——

依次进入“控制台”-“布局”-“修改HTML”,先备份一下当前模板,然后查找

在其下方添加如下代码:



再查找
]]>
再其上方添加如下代码:
/*引用区*/
.pullquote {
width: 90%;
background-color:$pullquoteBgColor;
background-image: url(http://sunrrr.googlepages.com/quotes_grey.gif);
background-repeat: no-repeat;
color:$pullquoteTextColor;
float: left;
border:1px solid $pullquoteborderColor;
font-weight:bold;
line-height:120%;
padding:40px 10px 10px 10px;
margin-top:10px;
margin-left:10px;
}


然后保存模板,小功告成。


1.修改模板后可以在“字体和颜色”中修改引用区相关的颜色。
2.上面代码中红色的数值请根据各自的Blogger模板做相应调整,对应的是引用区的宽度,多试几次就行了。
3.上面代码中蓝色的数值是引用区内“引号”的图片地址,可以根据个人喜好换成自己喜欢的图片。
4.在想使用引用功能的时候,需要用将文字包围起来,如:
在此输入想引用的内容


-------------------------------------------------------------------------------------
以上图片和文字均为原创,转载请注明转自Luke瞎折腾


强化Blogger的引用功能

再次在GG圈(貌似挂了,我是用Google快照看的)上学到一招——强化Blogger的引用功能。

该技巧有以下优点:
1.突出显示引用区,使引用区更加明显,比如我的模板引用区就非常不明显,现在好多了。
2.能直接在引用区内打出“<”和“>”,不用再麻烦得用代码代替了,(但是如果涉及到Html代码就无效了,真无奈)。
3.有CSS知识的可以自己美化。我不太懂所以只改了几个颜色代码配合下整体的色调。

演示:
能直接打<和>就是爽:)

方法:(修改前务必备份模板!

在“布局”的“Html”中查找:
]]<>/b:skin>
在其上方添加如下代码:

CODE {
border-bottom: 1px solid #AAAAAA;
border-right: 1px solid #AAAAAA;
display:block;
padding: 10px 10px;
padding-top: 20px;
margin: 10px 0 0 10px;
background:#F5F5F5;
font-family:"Courier New", Courier, mono;
-moz-border-radius: 15px;
}
CODE:hover {
background-color:#F7FEDC;
}


保存模板就小功告成了。

以后,将要显示这个引用区修饰的位置放在中间即可。比如:

能直接打<和>就是爽:)



-------------------------------------------------------------------------------------
以上图片和文字均为原创,转载请注明转自Luke瞎折腾


Google再次强化Blogger广告功能

今天在调整Blogger布局时发现新增了“Monetieze”功能,很惊喜地点进去一看原来是用来强化Adsense广告的。


如此一来,在Blogger上添加Google的广告就更加方便了,形式也更加多样,可惜我个人目前对这个还不是很感兴趣,就不多评论什么了。



-------------------------------------------------------------------------------------
以上图片和文字均为原创,转载请注明转自Luke瞎折腾



CatskyProxyPhp-搭建自己的在线代理网站

Catsky-proxy-php是免费吧论坛的makecat提供给我们的一个php在线代理工具。他对该工具的描述;
无聊写的超简单PHP在线代理,适合限制多的空间
就跟他的描述一样,Catsky-proxy-php也的确是一个简单的工具——单一个文件搞定所有功能。

而具体的功能由下面这张图就能全部说明:


有了这个工具,就不用再使用别人的代理了,自己就能搭建稳定、安全的代理去申请免费空间或是浏览被墙的网页了:)根据安放工具的服务器不同,你就可以拥有德国的代理,美国的代理,日本的代理,等等等...

需要注意的是,选择安放该工具的空间时尽量选择那些在PHP探针中显示禁用函数为“无”的空间,虽然有些禁用函数的空间也能使用。

演示:http://54youke.jdmups.net/daili/

下载地址:uushare下载后自己修改下相关信息或者直接使用。



-------------------------------------------------------------------------------------
以上图片和文字均为原创,转载请注明转自Luke瞎折腾



2009年2月14日星期六

ATBHost.net-国外免费PHP空间(带WordPress演示)

* 1GMB空间
* 每月10GB流量
* 支持PHP5
* 10个mySQL数据库
* 提供二级域名,支持绑定多个自己的域名(免费的.cc域名也可以哦,点我注册
* 支持FTP,支持WEB在线文件管理
* cPanel X控制面板
* 无广告

点评:其实ATBHost一共提供了4种免费空间的方案,2种是要发帖维持的,还有1种是有广告但空间更大的,这里只介绍无广告且不要发帖维持的。速度非常快(看演示),而且是强大的CP面板(可以选择中文),让人很省心,上传了个WordPress,安装起来也很快。

以下为空间测试——

申请地址:http://atbhost.net/plans.html
演示地址:http://54youke.atbhost.net/
PHP探针:http://54youke.atbhost.net/tanzhen/
WordPress演示地址(v2.7):http://54youke.atbhost.net/wordpress/



-------------------------------------------------------------------------------------
以上图片和文字均为原创,转载请注明转自Luke瞎折腾


2009年2月13日星期五

为Blogger添加站内搜索(二)

经之前在老李那学了一招,刚才又在小李那琢磨出了一招(笑)。与之前提到的那种方法不同的是,第一种方法借助了Google的搜索,而这个方法运用的完全是Blogger自身的搜索功能,感觉更纯粹一点。缺点是速度比较慢,准确度也没有第一种方法高。(演示:查询免费空间的结果

这次添加的方法仍然很简单——

只要将以下代码加入到新建的小工具栏里:



就OK了:)



-------------------------------------------------------------------------------------
以上图片和文字均为原创,转载请注明转自Luke瞎折腾


2009年2月12日星期四

为Blogger添加导航栏(二)

之前的帖子里已经介绍过如何为Blogger添加导航栏,不过今天在老李的飞刀部落又发现了一个添加导航栏的方法。就个人角度将这个方法和我之前介绍过的方法比较一下:

优点:
1.添加起来更加方便:一步就行
2.更美观(演示|那个带有蓝色标签的导航栏)

缺点:
1.后期添加修改链接不方便——必须重新修改代码,没有之前的方法方便明了。
2.要定制导航栏的颜色的话,需要一定网页知识(我网页知识基本为零 T T)
3.有些模板的侧边栏会遮掉导航栏(比如我的演示,解决方法就是减少导航项)

下面来讲解方法(大部分直接复制老李的日志了,稍微修改了下):

布局---页面元素---添加小工具那里加入一个“HTML/JavaScript”,添加如下代码:





然后将该小工具拖曳到日志栏的上面。



注:
  • 如果不想让其居中(有些模板居中有问题)就去掉红色部分
  • 蓝色部分要改成自己的链接,想添加的话就按照相同的代码添加就行。
  • 如果粘贴好上面的代码测试时出现有的导航显示为“ li”的情况,就在代码里面把
  • 中/li之前的空格去掉就行了。



-------------------------------------------------------------------------------------
以上图片和文字均为原创,转载请注明转自Luke瞎折腾


2009年2月11日星期三

Zoombrowse.com-国外免费PHP空间(带WordPress演示)

* 50GB空间
* 每月500GB流量
* 支持PHP5
* 3个mySQL数据库
* 提供二级域名,支持绑定自己的域名
* 支持FTP,支持WEB在线文件管理
* LayeredPanel控制面板
* 提供多种一键安装程序
* 无广告

点评:50G的空间- -,看来现在的空间商是吃准了我们用不了多少空间了,提供很大的空间来吸引我们,其实想想也知道怎么可能提供50GB(这样的话1TB的硬盘才能提供多少用户,全世界又有多少用户在申请?)。说归说,速度倒是挺快的,不过继承了LayerdPanel空间一贯的缺点——上传大文件很困难(比如WordPress的安装包),所幸后台支持一键安装多种使用程序,虽然版本老了点,但自己再安装个自动更新的插件什么的,升级应该还是很快的。另外注意,此空间玩玩可以,别当真了。

以下为空间测试——

申请地址:http://www.zoombrowse.com/register.jsp
演示地址:http://54youke.zoombrowse.com/
PHP探针:http://54youke.zoombrowse.com/tanzhen/
WordPress演示(v2.2.3):http://54youke.zoombrowse.com/wp/



-------------------------------------------------------------------------------------
以上图片和文字均为原创,转载请注明转自Luke瞎折腾


你以为你小时候学英语标中文很牛逼?老外比你更牛逼!

刚在论坛上又看到个不错的帖子,共享之,呵呵。

  第二题
  Dear Tim,

  小白兔到大白兔家玩,
  shall by too dull doll by too jack won,

  
  大灰狼看见小白兔了
  dolphin long can Jim shall by too low,
  
  小白兔闻到了,逃开了
  shall by too when dull low, doll car low,
  
  大灰狼大喊一声
  dolphin long doll Ham Eason
  
  “莫跑!”
  “more power!”
  
  万恶淫为首
   while in well show
  
   棒,真是棒!
  Bond, James Bond
   
   上帝
   Song deer
 
   杰克斯洛伐克
   jack~slow fu*k~
 
   楼主太牛逼了
   Low jewel tell new bee low !!!!!!!!!!


2009年2月10日星期二

附件精灵2 - 论坛附件下载快手

很久没有逛小众软件了,今天登陆GoogleReader,果然看到了自己喜欢的软件,分享一下。

注:以下文字和图片均转自小众软件

附件精灵2 用来批量下载论坛附件,减轻工作量,尤其可以突破限制,随意下载需要论坛币的附件

附件精灵2 - 论坛附件下载快手 | 小众软件

这年头成批量下载论坛 RAR 附件的日子已经不常见了,但是仍然有滴~~~有的论坛有防盗链,用迅雷或是快车无法批量下载。。。

于是乎,我们用到了附件精灵2。什么,这个名字很生疏,no no no,这款软件原名BBS RAR资源批量下载器,哈哈知道了吧。

下载解压后首先执行 Setup.bat,然后要将你的屏幕颜色质量调为32位,否则会出现”Run-time error ‘50003′“错误。

附件精灵2 - 论坛附件下载快手 | 小众软件

附件精灵2 - 论坛附件下载快手 | 小众软件

OK,我们继续。

首先附件精灵2很强大,可以通吃所有论坛(我试验了DZ论坛,Dz是php的)的所有常见附件。但是第一条别忘记在那个论坛登录第一步你要看见附件,像图3没登录这样是不可以的~~~

附件精灵2 - 论坛附件下载快手 | 小众软件

然后就是这样,在相应页面右键-使用附件精灵下载论坛附件,就 OK 了。

附件精灵2 - 论坛附件下载快手 | 小众软件

接着勾选你要下载的附件以及保存位置。然后它就会慢慢的帮你下载下来。

给大家伙一个示范的机会

示范:刘谦·男人必学的魔术(点击进入)

这个帖子是东方早报的论坛,有网友提供了刘谦那本的书的下载,不需要登录,附件已经给出,大家可以试用附件精灵2下载一下。

下载:uushare





最新黑客技术之突破ADSL网速限制(对玩游戏卡的进来看)

呵呵,看了笑的就回复一个...

相信大家常为网速慢而发愁,可是如果要到电信增加带宽的话那么费用也就增加了!怎么才能既增加了网速而又不加钱呢?经过两年的呕心沥血、坚持不歇的研究,皇天不付苦心人,终于发现了一个惊人的秘密!现特与大家分享。记住,先别言
谢,别去电信告发就是最大的安慰和支持了,:)

大家都知道,网络信息都是依靠线路传输的(无线上网除外),而带宽,顾名思意就是传输线路的宽度了好比一条小路只能过一个人,而大路可以过车。这
样一说,大家都明白了吧方法就是把家里的线路换成粗线,线越粗,带越宽。最好
用一根10厘米宽的扁铁来换掉家里的线路,根据计算,这样带宽可以达到10000M。大家可以试试,有试过的朋友效果如何一定要告诉大家哦!



>>第2楼回复:
>>楼主言之有理,我昨天试过了,NND,还真的很管用呢.多谢.

>>
>>第3楼回复:
>>那俺把扁铁从俺家防盗网接进来
>>可不可以防 黑 客 ?

>>
>>第4楼回复:
>>太实用了!!俺改进了硬件,用一根直径2米的粗铁管代替扁铁!!结果带宽
>>硬是达到100000M!!
>>NND,连骡都能顺着管子直接爬俺家屋子里来!!

>>
>>第5楼回复:
>>最好用一根10厘米宽的扁铁来换掉家里的线路
>>楼主真不地道,讲话这么不专业.我告诉大家,千万别用馓?要用铜线才好

>>
>>第6楼回复:
>>偶接了水管子,效果超好!
>>不过下的东西都超大,一压缩,显示器的下面一半就都淹了:(

>>
>>第7楼回复:
>>偶把偶的电脑接在下水道上(铸铁的),结果带宽硬是达到1000000M,而且收
>>费按照水费收,特便宜。不妨一试。

>>
>>第8楼回复:
>>偶发现家旁边有根路灯管子人家扔在那不要就扛了回来接上去,靠,晕死了,
>>带宽都没法统计了,最实惠地是居然不收费,感情还和以前的路灯有联系啊,
>>把钱都算在那边去了估计。建议大家试试,不过最好是拣人家不要的,否则把正在上班
>>的路灯管卸下来那可是犯法的哦。

>>
>>第9楼回复:
>>不用的,只要住宅附近有电线杆就可以完成了

>>
>>第10楼回复:
>>建议让比尔盖茨根据你的设想再创造出新的网络平台,你发定了兄弟!可别忘
>>了我的提议哦,呵呵!!

>>
>>第12楼回复:
>>昨天我把门口马路刨开,把宽带接煤气管道上,上网速度比光速还快,而且还
>>可以顺便用天然气烤土豆吃!

>>
>>第26楼回复:
>>一群笨蛋,世界上体积最大的,横截面最宽的不是马路,也不是下水道.
>>所以我的电脑直接连着空气download

>>
>>第27楼回复:
>>我把线接到高速公路的防撞护栏上,结果速度达到光速,哈哈

>>
>>第28楼回复:
>>我看门前的高压线够宽够粗,接上一试,NND居然速度由99,999,999G多.一个字"
>>爽"!
>>不信你试试.

>>
>>第29楼回复:
>>俺知道电信的设备都有接地装置,俺住的楼房也有接地装置,所以俺试着直接
>>把宽带接在楼房接地体上,速度都无法检测了。只是打雷的时候怎么防护还没
找到办法,各位赐教。

>>
>>第30楼回复:
>>昨天我把电脑接到楼顶的避雷针上,靠,无线上网,速度狂快,立马把电信的
>>宽带停了,真牛!


2009年2月8日星期日

Munsell hue test-色彩敏感度测试

Munsell hue test,一个挺有趣的测试,测试你对色彩的敏感度。

测试方法——

拖放每一行的色块,安排他们的色调秩序。全部完成后按“score test”就能知道成绩。得到的成绩分值越低越好,网站会给告诉你你在哪些色彩区域的敏感度比较低,同时还提供了同年龄阶层其他人的成绩,让你知道自己的大概的定位。

下面是我做的,给大家做个演示(图片显示不完全的话请点击查看):



分数:3分,貌似还行,呵呵。








2009年2月7日星期六

Phpwind.com-国内免费PHP空间、PHP论坛

* 200MB空间
* 流量未知
* 支持PHP5
* 1个100MB的mySQL数据库
* 提供二级域名,支持绑定自己的域名
* 支持FTP
* phpwind联手中电华通!稳定!
* 免费1年,一年后收费未知。
* 无广告

点评:注意!这个一个国内空间,我一般只推荐国外空间,因为国内空间诈骗,不稳定的太多!(国外不是没有,但环境相对好点,无奈啊其实我很想用国内的),而这个空间是由phpwind和中电华通 CHINAZ ADMIN5 太平洋电脑网共同推出的,稳定性和性能绝对毋庸置疑!经测试,速度的确是非常快。其实phpwind官方本意是提供免费论坛服务,但是它同时也厚道的提供了FTP功能,也就是说,完全可以用这个空间做其他事情!(当然首页最好还是弄成论坛装装样子。)所以说,申请了以后,等于同时得到了高速的,稳定一个免费空间和一个免费论坛。需要注意的是:FTP,mySQL等信息在申请的时候就告诉你了,不会另行发邮件通知,所以请注意记录!

以下为空间测试——

申请地址:http://www.phpwind.com/freeidc.php
演示地址:http://pw256438.39.111idc.com/
PHP探针:http://pw256438.39.111idc.com/tanzhen

Dreamhostapps-国外免费WordPress、phpBB、wiki、zenPhoto、GoogleApps、Gmail服务

* 提供WordPress服务
* 提供phpBB(论坛)服务
* 提供mediawiki(维基)服务
* 提供zenPhoto(相册)服务
* 快速注册Gmail
* 快速注册Googleapps
* 可以绑定域名(免费的.cc域名也可以哦,点我注册
* 大小、流量未知

先引用别人对此资源的描述——
在DreamHost的博客中有介紹此服務目前正在beta測試階段,測試階段註冊的用戶提供終身免費使用。之後計劃收取每年50美元的服務費用。還等什麼註冊一個再說。注意现在註冊不需要邀請代碼了,因為他們的BLOG上公布著有10000個免費用戶申請計劃(http://blog.dreamhost.com/2009/02/02/10000-dreamhost-apps-accounts/).目前Dreamhost Apps(https://panel.dreamhostapps.com/)提供的應用程序包括流行的WordPress、Zenphoto、Drupal、phpBB、Mediawiki,傻瓜式安裝,絕對適合新手試用的免費空間服務。


点评:说是说现在免费以后会收费,我觉得还是一种吸引用户的表现吧。试着注册了一个,发现服务还是不错的。由于对别的应用不太感兴趣,所以只尝试了WordPress服务。Dreamhostapps提供的WordPress总的来说还是不错的,本身提供的插件虽然少了点,但是可以上传自己的插件(要收费- =),主题什么的也可以自己设置,版本也挺新的。至于其他服务由于用不到(国内用的一般是其他程序)就不测试了。

以下为服务测试——

申请地址:https://panel.dreamhostapps.com/signup/
WordPress:http://blog.54youke.dreamhosters.com
phpBB:http://forum.54youke.dreamhosters.com
zenPhoto:http://photos.54youke.dreamhosters.com
mediawiki:http://wiki.54youke.dreamhosters.com
能研究成功的话再补上GoogleApp的。

2009-2-9:补上一个域名绑定测试(.co.cc域名):http://blog.diablo5.co.cc/

附:
ns1.dreamhost.com
ns2.dreamhost.com
ns3.dreamhost.com

这是他们的DNS!


2009年2月6日星期五

1khosted.com-国外免费PHP空间(带WordPress演示)

* 5GB空间
* 每月25GB流量
* 支持PHP5
* 1个mySQL数据库
* 提供二级域名,不支持绑定自己的域名
* 支持FTP,支持WEB在线文件管理
* 提供多种一键安装程序(版本非常新的)
* 无广告

点评:速度不错的一个空间,后台的在线文件管理系统也很强大,尝试着不用FTP功能安装WordPress,结果成功了。MySQL还提供备份功能。另外审核也非常快。除了不能绑定自己的域名外,可以说是一个不错的空间,希望不要被墙。

以下为空间测试——

申请地址:http://www.1khosted.com/ipanel/order/index.php?step=1
演示地址:http://54youke.1khosted.com/
PHP探针:http://54youke.1khosted.com/tanzhen/
WordPress演示(v2.7):http://54youke.1khosted.com/wordpress/

2009-2-9:我在这个空间的帐户已经被K了,貌似他们不是很欢迎中文用户,空间的确不错,大家如果真的要申请请填写资料时写注意填写别的国家,首页也尽量保持全英文,其他应该无所谓。我个人不会再申请一次了,因为不欢迎中国用户的空间我一律不用!



2009年2月5日星期四

Webadmin-PHP网站终极管理器

又是一个对于PHP空间来说非常好用的工具,而这个工具更为强大一些,相当于一个在线文件管理程序,有了Webadmin和Faisun_unzip我都有点不高兴使用FTP软件了- =

下面来看看该工具的介绍——

■网页程序名称:webadmin终极管理器 Version 1.81
■作者:单志武 (shan345@sohu.com)
■时间:2004年11月30日
■文件功能:实现对网站强大的综合管理(多种格式在线压缩和解压缩,对文件基本操作,
mysql数据库备份还原,phpshell工具, 颜色拾取器,php探针,密码/编码工具等等等)

一、安装环境:空间操作系统为FreeBSD,Unix,Linux,SunOS等(最好关闭安全模式),
【webadmin终极管理器】在以上系统测试运行正常,
在其他操作系统可能有不遇见的错误出现。

二、安装方法:将此程序webadmin.php上传至你的网站空间(空间必须支持php),
设置webadmin.php的属性为777,其所在文件夹的属性也设为777。

三、运行方式:通过IE浏览器以http的方式打开webadmin.php的URL地址,然后输入第一
次使用的默认密码即可打开管理页面。(进入后为了空间安全务必改密码)。

四、管理操作:
1.所有功能:[1].文件基本操作功能:批量删除、批量复制、批量剪切、批量粘贴、
批量更改属性,单文件编辑,建立新文件,
建立新文件夹,更改文件或文件夹名字等。
[2].文件特色操作功能:*批量zip压缩,*zip文件浏览,*批量tar打包,
*批量tar.gz打包压缩,批量wlc打包,
以及相对应的解压和解包方式。
从本地上传文件(可自定义一次上传文件个数),
*从url上传文件(可自定义一次上传文件个数)。
[3].其他特色功能: phpshell工具,颜色拾取器,php探针,
密码/编码工具,mysql备份与还原工具。

责任和版权声明:
1.本软件对部分服务器有一定的危险性,不得用本软件功能偷窃或者修改他人资料,造成后果一切责任自负,与本软件开发人员无关。
2.错误的操作本软件,可能导致你的资料丢失,请操作之前确认无误,避免不必要的损失。
3.本软件代码完全公开,可免费供个人学习使用,如须商业使用请与本人联系。
4.在使用的过程中请尊重作劳动成果,务必保留版权信息。

默认用户:admin
默认密码:123456

点评:功能十分强大,可以说就算申请的空间不支持FTP都没有关系,有了它,完全可以同样方便的上传文件,直接放张图片就可以说明了:

尤其特别的是,该工具还支持由“网络地址直接上传文件”,出乎我的意料。另外,Firefox(2.x)对该工具的支持不是很好,不过可以使用“IE Tab”这个插件来弥补

2009.2.8:经测试,该工具需要运用到PHP函数,所以某些部分PHP函数被禁用的空间可能不能使用,结果就是一直让你填登陆名和密码- =,请尽量选择PHP函数不被经用的空间,本BLOG已经提供了不少这样的空间,请大家自己找空间的时候,点下PHP探针。

下载地址:uushare

Faisun_unzip-PHP空间在线解压ZIP文件程序

碰到那种FTP功能不够好,或者速度不够快,甚至是不支持FTP功能的空间,最好的办法莫过于直接上传一个压缩包上去再解压了,Faisun_unzip就是一个能实现这个功能的工具。(这个工具帮我省了不少安装WordPress测试空间的时间。)

废话不多说了,直接看官方的介绍吧——

faisun_unzip -在线解压ZIP文件程序 V1.0
本程序能把站点中的 ZIP 压缩文件解压到指定目录。

转载请注明:本程序由 纯粹空间(http://www.softpure.com) 提供,作者:faisun(faisun@sina.com).

使用方法:把zip文件通过FTP上传到本文件相同的目录下,选择zip文件;或直接点击“浏览...”上 传zip文件。

解压的结果保留原来的目录结构。

默认验证密码: 123456使用前请更改该密码(在源文件的开始部分)

评论:解压的速度相当快,不错。当然,该工具只支持解压ZIP文件。

再附张截图:


下载地址:官方| uushare

另外:Faisun还提供了在线压缩ZIP文件程序,功能么和这个工具相反,由于一般用的比较少,就不多介绍了,有兴趣的自己去看看吧。



2009年2月1日星期日

为Blogger添加标签云

终于忍不住为Blog添加了标签云功能(演示|本Blogger没用使用,因为目前还不想用,之所以为那个Blog添加标签云是因为自己想实践一下。),用的是色彩斑斓的方法

方法还是很简单的——

修改之前请先确认自己的Blogger已经添加了“标签(Label)”小工具备份模板

Step1:
添加CSS代码。找到
]]>

并将以下代码添加在其之前:
/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}




Step2:
添加布局部分代码。仍然找到 ]]>,但这一次我们要在它之后、Head之前添加以下代码:


修改红色的lukexzt为你的名字
其中关于颜色,文字大小等值可以自定义,以跟你的Blog色调搭配:
maxFontsize表示字体最大值
minFontSize表示字体最小值
minColor表示颜色最浅值
maxColor表示颜色最深值
lcShowCount 之后的false 和true 决定是否显示分类数量


Step3:
修改的是Widget本身。查找:

然后,如果你没有展开代码(推荐),只需要用以下代码替换这一行(即以“<”开头“>”结尾的代表Widget的那行代码);相反,你要替换整个Widget:(代码比较长,务必全部复制!)









































至此大功告成,保存模板。

咿呀-国内免费可外链相册

* 总空间未知
* 月流量未知
* 支持jpg,gif,png,bmp
* Flash批量上传文件
* 可以对照片进行在线压缩下载,读取Exif信息等各种操作
* 可对照片进行缩放、旋转、水印、裁剪操作,上传时水印自动加注
* 可外链

点评:又是一个很不出名的相册,但是提供的服务缺是相当好。基本上我对相册的要求都达到了——可方便的外链、空间大小合适、大图片上传也不会缩水、不会强制添加水印、可以批量上传、可以直接添加网络上的图片(甚至可以批量添加)、可以批量下载、外链的速度也不错。虽然咿呀的主页打开总是有点慢,但是图片的外链速度却几乎没收到过影响。推荐。

以下为相册测试——

申请地址:http://www.yiya.net/ 首页打开有点慢,其他页面速度还行。
外链演示:

速度演示:点我看大图片

2009年1月29日星期四

口碑网-国内免费可外链相册

* 总空间未知
* 月流量未知(没用完过)
* 单文件最大2M
* 支持jpg,gif,png
* 能同时上传6张图片
* 雅虎旗下的服务——稳定
* 可外链

点评:一个意料之外好的特别适合用来贴少量图片的相册(其他那些有名的就不用我推荐了,我只推荐未被大多数人发掘的)——可外链,速度非常快,流量近乎无限,单文件最大到2M,支持主流图片格式,还非常稳定!这个Blog中所有的图片几乎都是外链这个相册的。如果要把它当作个人相册的话还是免了,因为个人认为它的界面不是很好看,而且不支持批量上传。

以下为相册测试——

申请地址:http://www.koubei.com/join/signup.html
外链演示:

速度演示:点击我看大图片

雅虎口碑网免费相册外链方法:
登陆口碑网后在右上角点击“我的雅虎口碑网”,然后在右边的“个人”中点击“照片”,点相应相册下面的“编辑相册”(不要直接点相册,这样打开会很慢!),然后按相应的图片,打开后右键获得外链地址。


Blog.35.com-国内免费WordPress空间

* 免费绑定1个域名
* 多个模板可供选择,且可自定义修改
* 插件较少
* 50M空间(如果觉得小,可使用外链网盘外链相册做补充)
* 无广告

点评:如果申请空间纯粹是为了搭建个人BLOG,那我觉得直接申请一个BLOG服务商是更好的一个选择。个人注册了一个号试了下,觉得这个BLOG空间的优势在于可以“免费绑定一个自己的域名”,“模板可自定义更改”和“无广告”。当然,缺点也很明显——由于该服务仍处于测试阶段,所以提供的插件非常少(以后应该会增加,毕竟WordPress的精髓就在于强大的插件),同样的服务商yo2.cn就提供了相当多的插件,而且提供的空间也很少——50MB(当然这可以通过另外申请免费网盘,免费相册来弥补。)。总得来说,如果对BLOG的要求不是很高,又懒得去维护空间,还想有点个性使用自己的域名的话,“BLOG@35”是个不错的选择。

以下为BLOG信息——

申请地址:https://openid.35.com/signup

使用之前,先要注册OpenID,注册后收信确认激活,然后用你的OpenID网址(如:http://yourname.openid.35.com)登陆“Blog@35”就可以使用了。(认证的时候可能要等一会时间。)

演示地址:http://54youke.blog.35.com/

2009年1月28日星期三

Asletic.org-国外免费PHP空间(带WordPress演示)

* 2GB空间
* 每月20GB流量
* 支持PHP5
* 4个mySQL数据库
* 提供二级域名,支持绑定自己的域名
* 支持FTP,支持WEB在线文件管理(但功能有点弱)
* CPanel控制面板
* 提供多种一键安装程序
* 无广告

点评:速度很快的一个空间,FTP中上传小文件也很快的。帐户审核也非常快,几乎是瞬间。如果这个空间稳定的话,应该算个不错的空间了。

以下为空间测试——

申请地址:http://www.asletic.org/order.php (在“Category“处选FreeWebhosting)
演示地址:http://54youke.jdmups.net/
PHP演示:http://54youke.jdmups.net/tanzhen/
WordPress演示(v2.7):http://54youke.jdmups.net/wordpress/

2009年1月27日星期二

Winterhost.org-国外免费PHP空间

* 300MB空间
* 每月10GB流量
* 支持PHP5
* 7个mySQL数据库
* 提供二级域名,支持绑定5个自己的域名
* 支持FTP,支持WEB在线文件管理
* VistaPanel控制面板
* 提供多种一键安装程序
* 有广告(官网上还说No ads - =)

点评:和之前介绍的那个空间很像,大小流量控制面板都一模一样...唯一不同的就是这个空间有广告(页面最下方),不过速度比那个空间快一点。另外,试用了下它控制面板里提供的在线FTP功能(实际用的就是Net2FTP的程序),发现上传速度比自己用FTP上传快多了,大家可以试试。

以下为空间测试——

申请地址:http://winterhost.org/signup.php
演示地址:http://youke.winterhost.org/
PHP探针:http://youke.winterhost.org/tanzhen/


0fees.net-国外免费PHP空间(带WordPress演示)

* 300MB空间
* 每月10GB流量
* 支持PHP5
* 多个mySQL数据库
* 提供二级域名,支持绑定多个自己的域名
* 支持FTP,支持WEB在线文件管理
* VistaPanel控制面板
* 提供多种一键安装程序
* 无广告

点评:速度不错,FTP速度也还行。刚国内申请时貌似不能立刻访问,过几天才能访问(这空间在我的Gmail里待了好多天了),VistaPanel面板的优势就是可定制性大——可绑定自己的域名多,可开设FTP帐户数多,可用MySQL数据库多等等等,功能也很全面,就不多说了。另外,我这里访问Vista面板总是很慢,不知道是不是个人原因。

以下为空间测试——

申请地址:http://www.0fees.net/signup.php
演示地址:http://youke.0fees.net/
PHP探针:http://youke.0fees.net/tanzhen/
WordPress演示地址(v2.7):http://youke.0fees.net/wordpress/

2009年1月26日星期一

File2HD.com——号称可以从任何网站上下载任何文件的网站

File2HD 是一个号称可以从任何网站上下载任何文件的网站-“Download any file from any site”,虽然描述的有些夸大,但还是个简单并且好用的网页服务,在网吧等没有较好的下载工具的时候会相当有帮助。通过File2HD只要输入想下载网页的网址,该网站就能自动将网页中的音乐、影片、图片、插件、flash等文件给抽离出来,方便你直接下载。



通过File2HD下载Flash游戏的使用方法:

1、打开你要下载的Flash游戏网站到网址,复制网址。
2、复制网页的网址并将其粘贴到File2HD上。
3、打勾“I have read and agree to the Terms of Service”,点“Objects”选项,并点击“Get Files”按钮。
4、等网站得到Flash游戏的网址后,右键另存就可以了“Right click on the url to save the file”。

友情提示:下载时最好不要选“All Files” 而是选择自己想要的文件类型,这样比较容易找到下载目标。

不可用资源汇总——在本Blog找资源前必看!

用于各种各样的原因——服务商网站被国内墙了,服务商停止服务了等——,之前本Blog介绍的资源可能会出现不可注册或不可使用的情况,鉴于一个个修改相应的文章太麻烦了,故所有不可用的资源都在此汇总一下,如恢复可使用的话则移除(当然如果该资源经常出现不稳定的情况就直接移除了)。请大家找资源时务必先阅读此贴,避免出现不愉快的现象。

2009-02-02 更新

Milonsupport-国外免费PHP空间——现在不可申请,能申请时我能即时更新

1khosted.com-国外免费空间——我的帐户被K了,而且K得很快- =

2009年1月25日星期日

新的一年,祝大家新年快乐。

这几天过年,比较忙,没办法即时更新,大家也都出去玩玩,老宅在家里可不好^ ^

祝大家新年快乐!

2009年1月24日星期六

Box.net-国外免费可外链网络硬盘

Box.net这个大名鼎鼎的免费网络硬盘不用多说——
* 1GB容量
* 10GB每月带宽
* 单文件25MB
* 高速上传/下载
* 稳定

刚在free8论坛阅读风叶免费资源的帖子,发现原来Box.net的文件可以通过某种手段的支持外链(演示),觉得这样一来Box.net一下成了一个免费网络硬盘的上上之选。下面就来说下具体的方法:

1.在Box.net注册

这个很简单,就不多说了。



2.登陆后进入右上角的“Settings”将“Language”改为中文。



3.进入“我的文件”然后新建一个英文名称的文件夹(免费用户做多可建立5个),建立时注意选上"邀请别人上传或下载文件"



4.上传任意一个文件后(必须是英文名称!),点击“共享该文件夹”并选择“Embed this folder”,之后会获得一串Html代码。

5.打开记事本粘贴上去命名为1.html(我是直接粘贴在Blogger的新建小工具栏里面的),再打开1.html,可以看到Box.net的Widget(演示:侧边栏中)。

按蓝色的Memu按钮,选择“Subscribe(RSS)”,可以得到该文件夹的RSS地址,之后用GoogleReader等RSS阅览器订阅后就能得到该共享文件夹内所有文件的外链地址(右键-属性)了。


注:只要正确的获得一次文件夹的RSS,之后再往该文件夹中上传文件(务必改为英文名称!)时,在RSS浏览器中会自动更新出文件的外链地址。

2009年1月23日星期五

图片解剖Blogger beta模板代码

说明:
1.个人觉得非常有用,很清晰明了。
2.所有蓝色的部分都是位于Style标记之间的CSS样式表代码,红色的部分是位于Body标记之间的Html代码。
3.并不是所有的模板都完全一样,但大体类似。
4.转自 色彩斑斓
5.色彩斑斓转自 Blogatech




A)头部(Header)。此部分位于页首部,包含标题和网站描述,概括了整个页首部分。

CSS=

#header {
width:660px;
margin:0 auto 10px;
border:1px solid #ccc;
}

HTML=


B)导航栏(Navigation Bar)。此部分代码默认在代码中是不显示的。如果你要去掉NavBar只要在CSS中添加以下代码即可:

CSS=

#b-navbar { height:0px; visibility:hidden; display:none
}


C) Blog标题(Blog title)

CSS=

#blog-title {
margin:5px 5px 0;
padding:20px 20px .25em;
border:1px solid #eee;
border-width:1px 1px 0;
font-size:200%;
line-height:1.2em;
font-weight:normal;
color:#666;
text-transform:uppercase;
letter-spacing:.2em;
}

HTML=
<$BlogTitle$>


D)Blog 描述(Blog Description)


CSS=
#blog-description {
margin:0 5px 5px;
padding:0 20px 20px;
border:1px solid #eee;
border-width:0 1px 1px;
max-width:700px;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#999;
}

HTML=
<$BlogDescription$>

E)Blog日期首(Blog Date Header)。贴子发布时自动生成日期。


CSS=
h2 {
margin:1.5em 0 .75em;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#999;
.date-header {
margin:1.5em 0 .5em;
}

HTML=

<$BlogDateHeaderDate$>



F)文章标题(Blog Item Title)


CSS=
.post-title {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:#c60;

HTML=



<$BlogItemTitle$>



G)文章区域(Post Division)。此部分包含了Blog Date header, Blog Item Title, Blog Item Body 和 Blog Item Footer。


CSS=
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted #ccc;
padding-bottom:1.5em;
.post div {
margin:0 0 .75em;
line-height:1.6em;

HTML=



H)文章援引区域(Post Block Quote)


CSS=
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

HTML=


I)文章文字区域(Blog Item Body)

CSS= .post div {
margin:0 0 .75em;
line-height:1.6em;
}

HTML=
<$BlogItemBody$>


J)个人资料部分(Blog Member Profile Division)


CSS=
#profile-container {
margin:0 0 1.5em;
border-bottom:1px dotted #ccc;
padding-bottom:1.5em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-img {
display:inline;
}
.profile-img img {
float:left;
padding:4px;
border:1px solid #ddd;
margin:0 8px 3px 0;
}
.profile-data {
margin:0;
font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
.profile-data strong {
display:none;
}
.profile-textblock {
margin:0 0 .5em;
}
.profile-link {
margin:0;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}


HTML=
<$BlogMemberProfile$>


K)文章底部(Post Footer)这部分包含了Authors Nickname, Item Date Time, Item Comment Count, Comments and blog item control variables等


CSS=
p.post-footer {
margin:-.25em 0 0;
color:#ccc;
}
.post-footer em, .comment-link {
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
.post-footer em {
font-style:normal;
color:#999;
margin-right:.6em;
}

HTML=


L)链接(Links)

CSS=
a:link {
color:#58a;
text-decoration:none;
}
a:visited {
color:#969;
text-decoration:none;
}
a:hover {
color:#c60;
text-decoration:underline;
}
a img {
border-width:0;
}
#sidebar ul {
margin:0 0 1.5em;
padding:0 0 1.5em;
border-bottom:1px dotted #ccc;
list-style:none;
}

HTML=


M)之前文章(Previous Posts)

CSS=
#sidebar ul {
margin:0 0 1.5em;
padding:0 0 1.5em;
border-bottom:1px dotted #ccc;
list-style:none;
}

h2 {
margin:1.5em 0 .75em;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#999;
}

HTML=


N)存档(Archives )

CSS=
#sidebar ul {
margin:0 0 1.5em;
padding:0 0 1.5em;
border-bottom:1px dotted #ccc;

list-style:none;
}

h2 {
margin:1.5em 0 .75em;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;

letter-spacing:.2em;
color:#999;
}

HTML=


O)侧边栏区域。此部分包含了Member Profile, Links, Resent Posts and Archives等

CSS=
#sidebar {
width:220px;
float:right;
}

#sidebar ul {
margin:0 0 1.5em;
padding:0 0 1.5em;
border-bottom:1px dotted #ccc;
list-style:none;
}

#sidebar li {
margin:0;
padding:0 0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
}
#sidebar p {
color:#666;
line-height:1.5em;


HTML=

P)页脚部分

CSS=
#footer {
width:660px;
clear:both;
margin:0 auto;
}

#footer hr {
display:none;
}
#footer p {
margin:0;
padding-top:15px;
font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}

#sidebar p {
color:#666;
line-height:1.5em;


HTML=



注:该文章的日志中提到了
订正一个问题:
B)导航栏隐藏的部分:
CSS=

#b-navbar { height:0px; visibility:hidden; display:none
}

应该改为:
#navbar { height:0px; visibility:hidden; display:none
}
本人测试过

Luke没有测试过,但还是贴出来一下以防万一。


2009年1月22日星期四

为Blogger添加导航栏

在网上寻寻觅觅,找到了简单的为Blogger添加导航栏的方法,效果(本Blogger或演示)还不错,既方便,区域划分也变得清楚了,最重要的是能根据自己的Blog配色方案进行调整,如此以来便可以放心大胆的去掉Blogger自己的导航栏了

步骤——

1.进入后台的“修改HTML”,记得备份模板

2.定义两个颜色的变量,为的是让字体颜色和鼠标经过时的颜色都可以在“布局”中里方便的修改。

查找 Variable name 可以找到一大堆定义的变量,在所有的变量定义之前加入
type="color" default="#000" value="#006699">
type="color" default="#000" value="#940f04">


3.添加CSS以定义导航栏区域。

查找 } 可以找到一大堆CSS代码,在任意一个 } (推荐最后一个 } )后回车再起一行,加入
#menubar h2 {display:none;}
#menubar ul {
list-style: none;
}
#menubar li {
float: left;
}
#menubar a:link, #menubar a:visited, #menubar a:hover {
padding: 5px;
display: block;
color: $headerTextColour;
}
#menubar a:hover {
background-color: $headerCornersColour;
}


4.在Html里相应的区域加入



注:加入此代码的位置将决定导航栏的位置,请自行寻找位置添加,多试试就掌握规律了。Luke是放在

下面一行的。
红色的数字是设定为99是为了避免和其他的小部件编号冲突,可随意更改。

5.保存模板之后(此时按预览是看不到导航栏的,要在布局中添加好一个导航项才能看到导航栏!)就可以到“布局”里添加链接或到“字体和颜色”里修改相应的颜色了。

让Blogger在新窗口中打开链接

再三考虑,决定使用依着随心提供的方法,让Blogger在新窗口中打开链接,方便阅读。

步骤——
1.下载相应的js代码(要实现在新窗口中打开,需要javascript支持),并上传到可外链的网络硬盘或空间。

js代码下载:uushare

* 此步可省,见第2步。


2.将如下代码添加到Blogger模板的head部分之间(我是添加在之前的),修改模板先请先备份!