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部分之间(我是添加在之前的),修改模板先请先备份!