♣为blogspot增加文章分页功能

首先要感谢来自台湾的Mr.J 雜學 無所不學
使用方法:
1.在“模版”的“页面元素”里随便添加一个“HTML/JavaScript元素”
把下面的代码复制进去保存即可。
2.修改 pageCount =5 ,填入你目前所設定好的每页显示文章數量


<style type="text/css">
.showpageCount A{margin:0 7px 0 7px;text-decoration: none;FONT-SIZE: 14px; COLOR: #000}
.showpageCount A:link {text-decoration: none;COLOR: #000}
.showpageCount A:hover {COLOR: #999}
</style>

<script>
function showpageCount(json) {

var postNum=1;
var thisUrl = location.href;
var htmlArray = new Array();
var htmlMap = new Array();
var htmlPoint = 1;
var startPoint = 0;

var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
var endPageHtml = '';
var pageCount=5; //每頁筆數
var displayPageNum=10; //最多顯示幾個分頁
var firstPageWord = "第一頁"; //顯示第一頁的文字
var endPageWord = "最後一頁"; //顯示最後一頁的文字
var upPageWord ='上一頁';
var downPageWord ='下一頁';


for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp=post.published.$t.substr(0,10);
timestamp = timestamp.replace(":","%3B").replace(":","%3B").replace(":","%3B").replace("+","%2B");

if(i==0 (i % pageCount ==0)){
if(thisUrl.indexOf(timestamp)==-1 ){
if(isFirstPage && i==0){
htmlArray.push('<span style="MARGIN: 0px 5px;font-size:14;color:#999;"><u>'+postNum+'</u></span>');
}else{
htmlArray.push('<span class="showpageCount"><a href="http://www.blogger.com/search?updated-max=" results="'+pageCount+'">'+postNum+'</a></span>');
}
postNum++;
}else{
htmlPoint = postNum;
htmlArray.push('<span style="MARGIN: 0px 5px;font-size:14;color:#999;"><u>'+postNum+'</u></span>');
postNum++;
}

htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
endPageHtml ='<span class="showpageCount"><a href="http://www.blogger.com/search?updated-max=" results="'+pageCount+'"> '+endPageWord+'</a></span>';
}
}

for(var p =0;p<>=(htmlPoint-displayPageNum-1) && p<(htmlPoint+displayPageNum-2)){ if(fFlag ==0 && p == htmlPoint-2){ upPageHtml = '<span class="showpageCount"><a href="http://www.blogger.com/">'+ upPageWord +' </a></span>';
fFlag++;
}

if(eFlag ==0 && p == htmlPoint){
downPageHtml = '<span class="showpageCount"><a href="http://www.blogger.com/"> '+ downPageWord +'</a></span> ';
eFlag++;
}

if(p>=(htmlPoint-2)){
html += htmlArray[p];
}

}
}

if(htmlPoint>1){
html = '
<span class="showpageCount"><a href="http://www.blogger.com/">'+ firstPageWord +' </a></span>'+upPageHtml+html;
html += ' ';
}

if(htmlPoint<(postNum-1)){ html += downPageHtml; html += endPageHtml; } if(postNum==1) postNum++; html += ' ('+htmlPoint+'/'+(postNum-1)+')'; html += ' '; if((!isLablePage && isPage) isFirstPage ){ document.getElementById("blog-pager").innerHTML = html; } } </script>

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

♣blogger一直被伟大的GFW封锁,不得不搬家

新家地址:http://gb2312.yo2.cn/ 欢迎参观!

♣非常cool的页面特效


此人极度凶悍
以前在不知道在哪里看到过这样的效果,一直不知道怎么实现的。 突然在未寺客的博客上看到的这个效果,真是太cool啦! 真的感谢未寺客。

♣为Blogger增加炫彩链接

今天在"禾草唐楷"的blogger上看到为Blogger增加炫链接代码,效果是闪闪烁烁,恍恍惚惚,感觉还不错,
使用方法:下载rainbow.js,上传至你的外链空间,然后在你BLOGGER的HTML编辑模式下的中增加如下代码 :
<script src="你的外链JS地址/rainbow.js">,保存刷新,访问网页即可立刻看到效果!最大的特点是你不需要自己定义每个链接的额外参数设定,一切都是自动的,另外看源文件说明,你可以针对不同链接的文字也设定幻彩效果,不过需要增加一些鼠标运动的参数,源文件中有详细说明,改前先备份别忘了!

♣WordPress 2.0.5 - Ronan 简体中文版发布

WordPress 2.0.5 稳定最新版,修正了多达 50 个左右的 Bug。
由于在这个版本发布前夕,WP 开发人员之一的 Ryan Boren 有了自己的小宝宝,因此这次的版本代号一改原来按爵士音乐家命名的方式,被命名为 Ronan——这个新生命的名字。
中文版由"点点游"提供

下载地址

♣通过CSS来实现图片半透明效果

如何通过CSS来实现图片半透明效果,并且在IE和Mozilla上都可以得到支持。这个效果在IE和Mozilla浏览器上都可以工作.
在IE中需要通过"filter"来定义透明度"opacity",而在Mozilla中是可以直接解析"opacity",所以如果要使得这个效果在两种浏览器中都得到支持,需要把两种设定都加进去。针对IE的设定:this.filters.alpha.opacity=50 而针对 Mozilla的设定:this.style.MozOpacity=0.5. 可以直接用这行代码给图片定义,只须修改图片地址就能实现上图效果。
代码如下:




♣终于找到Blogger Beta的文章中增加页内评论功能

今天在Avalon the Origin of Evil 的Blogger的一篇文章介绍在Blogger Beta文章中增加页内评论功能.很实用啊,方便多了.
详细方法见:http://rionkdr.blogspot.com/2006/10/blog-post_13.html

♣Blogger beta 新增Adsense广告模块

Blogger beta新增了Adsense模块。在Template中的PageElement项里,在侧边栏的合适位置Add a Page Element,在右边这一排中直接找到Adsense这个模块,点击ADD TO BLOG,即可登录或者创建一个Adsense账号,而后就可以直接在这个模块里编辑你的adsense模块了。这个模块暂时只支持adsense for content,操作和在adsense里差不多,尚不能添加推广广告(比如picasa、firefox等等)

 
此人极度凶悍| 后台