blogger超爽体验:一键Hack

只要点击下面的按钮就可以“安装”Hack,无需修改任何代码,给喜欢偷懒的人带来的机会哦
首先,在Head之间引用JS,<script src=’http://home.planet.nl/~hansoosting/downloads/beautifulbeta.js’ type=’text/javascript’/>
1.最新文章模块(与通过RSS添加有所不同)

其中涉及到一些自定义选项。点击上面的按钮之后会出现对些模块的最基本设置,如标题,以及选择想要添加的Blog(前提你建了多个Blog)。下面有个“Edit Content”就是要编辑的内容了。点击一下。我们要针对自己的Blog做一些修改。

把“beautifulbeta.blogspot.com”替换成你的Blog地址;numposts代表要显示的文章数,默认为10;numchars代表显示摘要的字数,默认为100;showpostsummary是不是显示摘要,值为True和False;showpostdate是不是显示日期,值同样为True或False。

2.最新评论模块

同样我们要自定义一下以适应自己的Blog。替换 ‘beautifulbeta.blogspot.com’ 为你的Blog地址;设置 numcomments为显示的评论数大小;numchars为评论摘要的字数;showposttitle是不是显示评论所属文章的标题,值为True或False;showcommentdate是不是显示评论日期,值为True或False;

3.搜索模块

via BeautifulBeta&Hackospere


Power by WOW派™

Add comment 六月 25, 2007

用 CSS 打造一个惟妙惟肖的网页版苹果工具条!


  如果你是大苹果的粉丝,你一定会爱上这款由 CSS 打造的苹果工具条(dock menu,效果预览),原文作者原创,原文会手把手教你打造!该工具条使用了 Jquery 这个轻量级 Javascript 类库(很多 AJAX 效果哦)提供的接口,Interface 提供的界面组件和原作者的原创 Icon。

  这款 CSS dock menu 是为了用在作者打造的 WordPress 皮肤 iTheme 上的,不用我多说,大家都猜到了吧:一款模仿苹果的 WP 主题。

  该皮肤支持 widgets ,侧边栏支持拖拽,适合WordPress 2.0 和 2.1,适合以下浏览器:IE, Firefox, Safari, Opera。

  想看原文教程呢,请点击这里,想下载 CSS dock menu呢,这里

Add comment 六月 25, 2007

blogger:把博客归档变成日历的又一方法(已经修正)


首先感谢原作者phydeaux3
以前我介绍过另外一个利用light box和30box制作出日历的方法,大家可以点击这里查看。与我上次介绍的方法不同此方法是直接转换博客归档的页面元素为日历形式,吸取日历和博客归档的优点,挺好看的:)

已经修正测试完毕,不会再出现错误了~~

作者测试在IE7,opera9,火狐下测试都正常,IE应该也正常,作者并没有测试,大家可以测试看看。
安装方法:请查看我翻译的安装页面

Add comment 六月 25, 2007

blogger:如何超过显示100条最新文章(call back)的限制

感谢Hans想出来的点子。
以前最新文章评论的hack是不可能超过100篇的,现在利用多个脚本的办法,可以超过100篇了。个人觉得没有什么实际用处,不过还是放出来有备无患吧~~
就是把原来的call back代码改成以下形式:


<script
src=”http://YOURBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&amp;start-index=1&amp;max-results=100&amp;callback=loadtoc”></script>
<script
src=”http://YOURBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&amp;start-index=101&amp;max-results=100&amp;callback=loadtoc”></script>

如果要超过两百条,就是再加一段代码,数字改成201之类的。
其实那个什么什么web2.0模板的作者在讨论超酷的ajax标签的时候已经提出来并应用了,所以这里hans只是换了种应用方法而已。


Power by WOW派™

Add comment 六月 25, 2007

CSS中用百分比(数)进行背景图片定位

此文为后来的教程做铺垫,转自这儿。百分数定位很有意思,可以实现非凡的效果。
大部分人应该习惯于使用描述性词语(left、top、center…)或者数值(20px、1em…)对背景图片定位,百分比可能比较少用,常见的有50%、100%等数值。例如希望背景图片水平居中,距离容器顶部20px,可以使用

background-position: 50% 20px;

之所以不使用

background-position: center 20px;

是因为类似这种描述性词语和数值混用的形式不被W3C推荐。(单纯的描述性词语组合使用是没有问题的,例如:background-position: right bottom;)阅读全文…
使用百分比进行定位的好处是可以利用CSS的计算功能,达到px定位所难以完成的任务。例如在一个宽高均为300px的容器中,使用

background-position: 150px 150px;

可以看到背景图片的左上角顶点(坐标0,0)定位到了齐容器的中心点(坐标150px,150px)。

而把150px替换为50%,使用

background-position: 50% 50%;

看到的并不是如下的效果

而是这样

可见,CSS计算出了背景图片的中心点。这也可以解释为什么我们在使用

background-position: 100% 100%;

定位的时候,图片被放置在容器的右下角,而并没有跑出容器。(如果使用 background-position: 300px 300px; 的话,背景图片会被移出容器)
同样,如果使用

background-position: 20% 20%;

会将背景图片的坐标点(20%,20%)定位到容器的坐标点(20%,20%)。


Power by WOW派™

Add comment 六月 25, 2007

怎样给blogger快速添加最新评论栏

如果你的blogger用户,那么可以通过以下几步为自己的博客添加最新评论:
1. 打开自己的Blogger,打开任意一篇帖子,找到“订阅: 帖子评论 (Atom)”复制该地址(即Blogger评论的供稿地址);
例如,某篇帖子的地址为http://contrastshelter.blogspot.com/feeds/432237207501557407/comments/default
则说明,blogger评论的供稿地址为http://contrastshelter.blogspot.com/feeds/comments/default
2. 打开Blogger的模板编辑(Template)——页面元素(Page elements),添加页面元素,找到“供稿(Feed)”并点击“添加到博客”;
3. 将步骤1中的地址粘贴到“供稿网址”中,继续;
4. 进行自定义设置,可以选择显示评论者和评论日期,保存更改,大功告成!
不知道为什么Beta Blogger把最新文章这个栏目取消了,不过掌握了上面介绍的添加最新评论的方法,也可以用同样的方法自己添加一个最新文章的页面元素,唯一的区别就是使用首页的“订阅:帖子 (Atom)”中的链接地址作为供稿地址,具体步骤就不复述了。
———–转载自这里———–

Add comment 六月 25, 2007

Next Posts Previous Posts


Category Cloud

blogger hack blogger工具 blogger技巧 blogger新闻 blogger样式 blogger模版 blogger答问 Google Uncategorized 个人手笔 互联网 搜索 解决方法 软件 随笔

 

十一月 2009
« Jul    
 1
2345678
9101112131415
16171819202122
23242526272829
30  

Top Posts

Top Clicks

最近文章

最近评论

Mr WordPress on 由一位肺炎病人的治疗经历问责——中国现代医德

存档

Watch videos at Vodpod and other videos from this collection.

Blog Stats

Feeds