A ha-U scared me, bady!

2009年3月12日星期四

此方法是物以类聚提供的方法，而Ta参考了Blogger Accessories的方法。

一直觉得Blogger没有翻页功能很是麻烦，有些模板（尤其是官方提供的中文模板）更是用“帖子”来代表“下一页”，让人莫名其妙加无比无奈，现在好了，即使官方不提供，我们也能自己让Blogger拥有简单明了的翻页功能。

演示：本BLOG下方。

方法很简单：

在“控制台”-“布局”处添加“HTML/JavaScript”小工具，然后在其中添加如下代码(代码很长请确保复制到所有代码)：

<style>
.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;
}
.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;
}
.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;
}
.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
</style>

<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

var pageCount=5;
var displayPageNum=3;
var firstPageWord = '首页';
var endPageWord = '末页';
var upPageWord ='上一页';
var downPageWord ='下一页';

var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">第'+thisNum+'页,共'+(postNum-1)+'页: </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'">'+endPageWord+'</a></span>';
}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>

保存该工具（推荐：）并按下图方式将该工具拖到相应位置。

注：
1.如果你的Blogger绑定了自己的域名而不是使用默认分配的“yourname.blogspot.com”请讲上述代码中红色部分替换为以下代码：

var isFirstPage = "http://www.yourname.com/";

将其中的http://www.yourname.com/改为你绑定的网址。

2.蓝色部分的代码定义了每个页面中文章的数量。这并不一定要与控制台“格式设置”中的“x个帖子在主页上”一致。但是Luke推荐设置一样的值。

绿色部分的代码定义了每次列出的页面数量，默认是 3 个。如果是刚开的Blogger文章数比较少的话，建议讲这个值设得低一点，最好能保证“每个页面中文章的数量”*“每次列出的页面数量”约等于总共的文章数，日后文章多了再做相应调整。

3.在Blogger Accessories，博主还提供了通过修改HTML的方式来实现此功能。

4.物以类聚对该方法的看法：

最后还要说明这个方式的缺点。
依然是 wall 的问题，它可能会对 blogger.com/feeds/xxx 这个地址较为敏感，有遭遇“连接被重置”的危险。
此外，这个对 json-in-script 的调用明显比没有这个应用时花费了更多时间载入。加上 wall 的干涉，所以不容乐观。

5.由于所有翻页的功能目前都是依赖 /search?updated-max= 这个 URL 实现的，发布内容均为静态页面的 FTP 发布的 Blogger用户还不能享受这样的功能。

6.如果你是使用传统的模板（Template）的用户，请参见这里的文章获得这个翻页功能。

-------------------------------------------------------------------------------------
转载请注明转自Luke瞎折腾！

收藏本文

2009年3月11日星期三

Freehostia.com-国外免费PHP空间（带WordPress演示）

* 250MB空间
* 每月6GB流量
* 支持PHP5
* 提供mySQL数据库
* 提供二级域名,支持绑定自己的域名（免费的.cc域名也可以哦，点我注册）
* 支持FTP，支持WEB在线文件管理
* 后台一键安装多种程序
* 账户即时激活
* 无广告

点评：人称怪老头的空间（难道说的就是官网上LOGO上的那个怪物？）。该空间的特点就是用户在后台可以自己换IP(方法：后台－空间管理－Custom Dns记录－重设，点一下随机换一个)，避免了被墙的可能性，同时PHP性能也不错（具体看探针），可以说是一个和000webhost空间并列的优秀免费空间，推荐大家申请。

以下为空间测试——

申请地址：http://freehostia.com/free-chocolate.html
演示地址：http://54youke.freehostia.com/
PHP探针：http://54youke.freehostia.com/tanzhen/
WordPress演示（v2.7）：http://54youke.freehostia.com/wordpress/
绑米演示：http://starcraft3.co.cc/

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

收藏本文

Host.sk-斯洛伐克免费PHP空间（带WordPress演示）

* 50MB空间
* 每月无限流量
* 支持PHP5
* 2个mySQL数据库
* 提供二级域名,不支持绑定自己的域名
* 支持FTP,支持WEB在线文件管理（功能很弱）
* 无广告

点评：一个老牌斯洛伐克免费空间，据说已经提供了数年的免费空间，自从1998年就提供免费空间了。申请后直接开通，但需要用代理申请，申请后能开通后台，但是网页要过几个小时才能访问，这是个比较稳定的空间，原来被墙了,现在又好了，我很早就申请了个账户，一直没用，没想到还在。此空间禁用的函数比较少，应该算是一个不错的空间。

以下为该空间测试——

申请地址：https://www.host.sk/registration/index.php（请使用代理申请）
演示地址：http://youke.host.sk/wordpress/
PHP探针：http://youke.host.sk/tanzhen/
WordPress演示（v2.7）：http://youke.host.sk/wordpress/

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

收藏本文

让Blogger能直接绑定裸域（即不带www）

什么是“裸域”？

裸域就是不带“www.”的域名，
如：http://lukexzt.blogspot.com/，
而不是：http://www.lukexzt.blogspot.com/

现在的Blogger不能直接绑定裸域的了（以前可以），要绑定的话只能带上“www.”。

然而有的朋友就是不喜欢带上“www.”的域名，那该如何是好？

我在o51k那获得了一个很好的方法：

假如你要绑google.com，那么在google.com前加一个空格就可以了。

比如：“ google.com”。

如图：

其他的域名（.cn；.net.ru；.co.cc等）也是一样的方法。（点我注册免费的.co.cc域名）

该方法经Luke试用完全可行，大家赶紧去试试吧：）

注：经Tmd提醒：域名首字母大写也可以绑定裸域，看来Google管得还是比较松的，哈哈。

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

收藏本文

2009年3月10日星期二

E3b.org-国外免费PHP空间（带WordPress演示）

* 250MB空间
* 每月无限流量
* 支持PHP5
* 无限大小的mySQL数据库
* 提供二级域名,支持绑定自己的域名（免费的.cc域名也可以哦，点我注册）
* 支持FTP,支持WEB在线文件管理
* 账户即时激活
* 无广告

点评：一个在群里口碑不错的法国空间。平时注册需要邀请码，最近放开了限制能直接申请了，要注册的请抓紧时间。这个空间的优势就是无限流量、无限数据库、对用户的审核也很严格（只允许有一个账户，一旦发现多账户立即K掉，平时还会人工审核），所以保证了空间的稳定。速度方面表现也不错，在后台上传了Wordpress安装包并解压，都非常迅速。由于是法语空间，为方便大家申请和使用，Luke会在下方贴出申请和使用教程。

以下为空间测试——

申请地址：http://www.e3b.org
演示地址：http://youke.e3b.org/
PHP探针：http://phpinfo.e3b.org/
WordPress演示（v2.7）：http://youke.e3b.org/wordpress/
文件外链&下载速度测试（50MB）：http://gayer.e3b.org/50mb.zip

申请和使用攻略：（以下所有图片均由WordPressFans提供）

1.打开申请地址：http://www.e3b.org

2.打开申请页面，填写申请表单

3.提交成功

4.空间信息：

5.新建Mysql数据库

-------------------------------------------------------------------------------------
转载请注明转自Luke瞎折腾！

收藏本文

11款涂鸦字体推荐＋一款字体预览工具推荐

字体是在咨询520那发现的，软件是自己找到的：）

11款涂鸦字体

点评：非常不错的几款涂鸦字体，适合用来张扬你的个性，再下次设计海报、图片、网页时使用上它们吧！由于时间问题，预览只提供了5个。

下载：uushare

字体浏览工具：Windows Fonts Explorer v3.3 汉化版

点评：一个既小巧又好用的字体查看软件，有了它，就可以非常方便的查看自己已经安装了的字体了，再加上这又是绿色汉化版，还有不使用的理由么？

以下是作者对改软件的说明：

≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡
∷欢迎使用 Windows Fonts Explorer v3.3 汉化版∷
≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡
『软件信息』
软件名称：Windows Fonts Explorer
软件版本：V3.3
适用平台：Windows 9x/ME/NT/2000/2003/XP
官方网站：http://www.download.com/ToolsBox/3260-20_4-6276192.html
功能简介：
----------------------------------------------------- 　
　　Windows Fonts Explorer 是一款免费而小巧的字体预览工具，它可以帮助您浏览 Windows 中已安装的字体，并可使用多种效果，例如粗体、斜体、下划线、删除线等。不需要安装任何其他软件，非常简单而快速！

『汉化说明』
----------------------------------------------------- 　　
　　安装文件到任一目录运行即可！

『特别声明』
---------------------------------------------------- 　　
　　此软件原始版权归原软件公司或作者所有汉化资源的版权属本人所有，禁止任何人和群体未经本人同意擅自抄袭、剽窃、修改、重新封包……等等。

『联系方式』
----------------------------------------------------
　　汉化作者：吴国乐 ( wuguole )
　　电子信箱：wuguole@163.com
　　个人主页：http://www.wuguole.com　　
　　欢迎访问软件本地化团队：bbs.exetool.com
----------------------------------------------------

下载：uushare

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

收藏本文

A ha-U scared me, bady!

2009年3月12日星期四

2009年即将流行的“经典签名”

为Blogger增加翻页功能

2009年3月11日星期三

Freehostia.com-国外免费PHP空间（带WordPress演示）

Host.sk-斯洛伐克免费PHP空间（带WordPress演示）

让Blogger能直接绑定裸域（即不带www）

2009年3月10日星期二

E3b.org-国外免费PHP空间（带WordPress演示）

11款涂鸦字体推荐＋一款字体预览工具推荐

简体or繁体

收藏＆分享

生存以上，生活以下。

标签

博客归档