悦来客栈

有预览图的自动收缩全文

noreply@blogger.com (X) — Fri, 30 Oct 2009 22:32:00 +0800

大家见我博客页面是不是有个阅读全文项，有兴趣可以到收缩/展开文章，增加“阅读全文”选项看看，不过这些都需要写文章时自己设置。现在介绍的是不用你任何设置，只需要正常的发布文章就可以达到收缩全文的效果，而且还伴有预览图（如果你文章里有图片的话）。

步骤如下：首先找到
</head>该代码，把下面代码粘贴到这之前

<SCRIPT type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 500; summary_img = 400; img_thumb_height = 130; img_thumb_width = 281; </SCRIPT> <SCRIPT src='http://www.smashingtips.com/wp-content/uploads/2009/05/read-more.js' type='text/javascript'/>

（http://www.smashingtips.com/wp-content/uploads/2009/05/read-more.js这段代码更新
纳米下载
live下载）
然后再找到下面这段代码
<data:post.body/>
全部替换成下面这段代码

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p><data:post.body/></p>
<b:else/><DIV expr:id='&quot;summary&quot; + data:post.id'><p><data:post.body/></p></DIV> <SCRIPT type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</SCRIPT>  <div style='clear: both;'/> <div style='border:0px;padding-top:5px;;float:right;text-align:right;'><span class='readon'><a expr:href='data:post.url' rel='bookmark'><img src='http://i422.photobucket.com/albums/pp302/bloggeracs/ReadMore.png'/></a></span></div>
</b:if>

如果你不想要有图片按钮的话，可以用下面这段代码，红色部分为修改参数，大家根据喜好设置。

<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/><DIV expr:id='"summary" + data:post.id'><p><data:post.body/></p></DIV> <SCRIPT type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</SCRIPT> <div style='clear: both;'/><div style='border:0px;padding-top:5px;;float:right;text-align:right;'><span class='readon'><a expr:href='data:post.url' rel='bookmark'>Read More...</a></span></div>
</b:if>

doubanclaim4316f2ec0bc891cf
呵呵，大家可能注意到，悦来客栈（http://sisea.blogspot.com）有了新的域名http://www.adkut.cn，在此感谢网友的zhiwei馈赠http://www.adkut.com/。本来是件快乐的事，可是偏偏今天我发现我的博客不能访问了，为什么呀，我还什么都没做呢，算了还是写了这篇文章谢谢zhiwei（哈哈，比偷情还快，原来是场空，域名也被人拿回。--贾雨春）
23F87CD666FF146EBB38F1FBC8107E00

订阅中心 RSS Feed

noreply@blogger.com (X) — Fri, 12 Jun 2009 16:16:00 +0800

首先欢迎大家订阅本站的文章，本站的RSS输出为全文输出，方便大家的阅读。
全站全文订阅：http://feeds2.feedburner.com/sisea 推荐订阅到

全站评论订阅：http://feeds2.feedburner.com/scomment 推荐订阅到

        按版块分类订阅，选择你感兴趣的。
        开心一刻订阅：http://feeds2.feedburner.com/sfunny    推荐订阅到

图片和壁纸订阅：http://feeds2.feedburner.com/spicture 推荐订阅到

杂文订阅：http://feeds2.feedburner.com/ssaying 推荐订阅到

google fans订阅：http://feeds2.feedburner.com/sgooglefans 推荐订阅到

blogger订阅：http://feeds2.feedburner.com/sbloggerhack 推荐订阅到

影视音乐订阅：http://feeds2.feedburner.com/smoviemusic 推荐订阅到

系统和软件订阅：http://feeds2.feedburner.com/stool 推荐订阅到

健康生活订阅：http://feeds2.feedburner.com/shealth 推荐订阅到

电子书籍订阅：http://feeds2.feedburner.com/sebook 推荐订阅到

巨鲸音乐Widget为你的博客打造个性化音乐插件

noreply@blogger.com (X) — Mon, 27 Apr 2009 00:17:00 +0800

博客主们都喜欢给自己的博客添加一些自己喜欢的背景音乐，听着动听的音乐看着文章何等惬意，可是博客主们为上传音乐的空间为难了，找网上现成的链接吧速度又是个问题，今天这些问题一一解决。

谷歌推出音乐搜索可能人所皆知了，音色和速度都不俗，而他的合作伙伴也提供了巨鲸音乐Widget-百万正版音乐助您打造个性音乐插件。让你选择自己喜欢的音乐，设计个漂亮的皮肤。再起个个性的名字，最后就生成了你自己的音乐插件代码，把它贴在自己的博客上让大家一起欣赏欣赏吧。

还有，你是不是老为自己该听什么歌为难呢，谷歌推出挑歌可能帮你解决了这个问题，他从节奏，声调，音色，年代，歌手，流派，语言各方面综合选出你当时想听的歌曲。不知道这个亦歌和百度有什么关系，也不错，在侧边栏加载听歌效果噶好。

爱音乐，爱生活，祝大家快乐！

Conveythis Translation Widget给博客添加一个免费网站翻译按钮

noreply@blogger.com (X) — Sat, 18 Apr 2009 19:29:00 +0800

您可以通过GOOGLE翻译小工具翻译除你本地语言外的许多其他语言，如阿拉伯语，保加利亚语，中文（简体和繁体），克罗地亚语，捷克语，丹麦语，荷兰语，芬兰语，法语，德语，希腊语，印地语，意大利语，日语，韩语，挪威语，波兰语，葡萄牙语，罗马尼亚语，俄语，西班牙语，英语和瑞典语。可能没有人曾看到这样一个巨大的翻译名单。这个强大的小工具是由google提供。这个google翻译小工具有利于促进您的网站，向外国观众发言。

但是，我今天推荐的不是这款google翻译小工具，而是conveythis translation widget，你可以访问该网站conveythis.com获取添加按钮的代码。它除了翻译功能外还有网站统计的功能，增加流量到你的网站，还有网站有中文页面，当然最重要的是这一切都是免费的。

用CSS让你文章第一个字显得特别点

noreply@blogger.com (X) — Fri, 6 Mar 2009 22:01:00 +0800

杂志以它光鲜的外表吸引着大家的眼球，想不想你的博客文章也让人看起来像在杂志上一样，或者说让你博客文章第一个字以不一样的字体和大小来显示，这个CSS样式可以达到如上效果。我想如果用了这个小小的技巧，你的读者肯定会对你的文章留下深刻而美好的印象。最重要的是这个技巧可以应用到任何的博客，不管你是blogger的，或者是wordpress的，或者什么sina，blogbus别的什么博客都可以用。

首先你要做的就是把下面的代码粘贴到你想要的任何地方，如果你有点不知所措不妨看看blogger:基础知识图解。


.dropcaps {
float:left;
color: $headerBgColor;
font-size:100px;
line-height:80px;
padding-top:1px;
padding-right:5px;
}

好了，以后你要做的就是使用下面这段代码，把你要放大或者用另一种颜色的字放在其中就好了。如果你还是有点不知所错看看收缩/展开文章，增加“阅读全文”选项。
第一个字放在这
呵呵，是不是觉得很有趣，一个大大的字占了好几行。Hope you Enjoy !!

用FeedM8让手机也可以订阅你的博客和网站feed

noreply@blogger.com (X) — Mon, 13 Aug 2007 08:07:00 +0800

        FeedM8可以让你的博客和网站Feed支持手机订阅，让别人可以在移动手机上阅读你的博客和网站。下面是我注册过后在手机上的预览图。

        据说，你可以通过此feed挣钱的。那估计你的博客和网站的流量和受欢迎度一定要很好了，才会有人用手机订阅，我想像“糗事百科”这类的网站一定会有很多人用手机订阅吧。
        不才，本博客也申请了一个，图个新鲜，如下：

如果你也想申请一个的话，点击这个链接

（^_^有我的推广码支持一下。）

blogger:个性化你的评论

noreply@blogger.com (X) — Sat, 28 Jul 2007 18:14:00 +0800

如果你不喜欢你的文章下面那单调的”评论“文字，想有你自己的特色，如改成”说两句“等等你喜欢的名字。如果你想改的改的话，只需下面小小的改动就可以了。
首先，进入你博客的后台，找到下面这段代码。


<data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>

找到那段代码后，只要把红色的部分


<data:top.commentLabelPlural/>

换成你喜欢的，如”说两句“。好了点击查看看看效果如何。
^_^友情提示：请先备份你的模版

blogger:简单地实现收缩/展开文章

noreply@blogger.com (X) — Wed, 18 Jul 2007 14:43:00 +0800

记得以前介绍过收缩/展开文章，增加“阅读全文”选项，不过该文用到jave的，如果你不想用下载那段jave代码，只要简单的实现收缩/展开文章的功能，可以试试下面的代码，因为没有那么多的代码要下，可能界面打开的速度会快点吧。
第一步，首先进入后台，打开扩展窗口小部件模板。备份模版，然后找到下面这段代码。
<div class='post-body'>
在它的下面粘贴这段代码

<!-- post summary hack begin -->
<b:if cond='data:blog.pageType == "item"'>
         <style>.fullpost{display:inline;}</style>
         <p><data:post.body/></p>
      <b:else/>
         <style>.fullpost{display:none;}</style>
<!-- post summary hack end -->

第二步：再紧接着寻找这段代码
<data:post.body/>
在它的下面粘贴这段代码

<!-- post summary hack begin -->
<a expr:href='data:post.url'>阅读全文...</a>
      </b:if>
<!-- post summary hack end -->

好了粘贴完那段代码后，出现的全部样式如下：

<div class='post-body'>

<!-- post summary hack begin -->
      <b:if cond='data:blog.pageType == "item"'>
         <style>.fullpost{display:inline;}</style>
         <p><data:post.body/></p>
      <b:else/>
         <style>.fullpost{display:none;}</style>
<!-- post summary hack end -->


         <p><data:post.body/></p>

<!-- post summary hack begin -->
         <a expr:href='data:post.url'>阅读全文...</a>
      </b:if>
<!-- post summary hack end -->

      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

如果你想点击“阅读全文”选项后在新的窗口打开页面，只需小小的改动添加target='_blank'就好了代码如下：

<!-- post summary hack begin -->
         <a expr:href='data:post.url' target='_blank'>阅读全文...</a>
      </b:if>
<!-- post summary hack end -->

其它的用法请参照收缩/展开文章，增加“阅读全文”选项

为“阅读全文”增加特殊的效果

noreply@blogger.com (X) — Mon, 9 Jul 2007 07:57:00 +0800

如果你还没有安装该项功能，可以到此文收缩/展开文章，增加“阅读全文”选项看看。究竟是可它添加了什么特殊效果呢？就是当你点击“阅读全文”/“返回概要”时，多了个淡入/淡出的效果。如果你厌倦了你那个简单的效果，不妨安装一下。
如果你的博客已经有了收缩/展开文章的功能，那么第一步就是找到下面这段代码：

<script type='text/javascript' src=
'http://www.anniyalogam.com/widgets/hackosphere.js' />

替换成下面这段代码。

<script type='text/javascript' src=
'http://bvibes.com/scriptaculous-1.7/src/prototype.js'/>
<script type='text/javascript' src=
'http://bvibes.com/scriptaculous-1.7/src/scriptaculous.js?load=effects'/>
<script type='text/javascript' src=
'http://bvibes.com/hackosphere/widgets/hackosphere.js'/>
<script type='text/javascript'>
var peekaboo_bgcolor = '#ffffff'; //hack for IE
</script>

如果你的博客的背景色不是白色的，那么需要修改一下peekaboo_bgcolor的颜色，直到在IE中有较好的效果。因为大部分博客的背景色是白色的，所以它是这样做的。
第二步：找到下面这段代码的红色部分，然后删除掉。

   <div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
       <style>#fullpost {display:none;}</style>
  <p><data:post.body/></p>

好了保存查看效果如何。
更新2007.7.11
你可能没有淡入淡出的效果，是因为代码被修改成了支持淡入/淡出效果和不显示该效果，所以应该在上面第一步中找到这段代码，加入红色的部分。

<script type='text/javascript' src=
'http://bvibes.com/hackosphere/widgets/hackosphere.js'/>
<script type='text/javascript'>
var fade = true;
var peekaboo_bgcolor = '#ffffff';
</script>

下拉式RSS订阅窗口栏

noreply@blogger.com (X) — Sun, 8 Jul 2007 11:43:00 +0800

对于RSS订阅的式样可说很多种，还有订阅的阅读器也有很多种，如果要顾及到每种阅读方式的话，每种阅读器加一条订阅链接的话，就会使得RSS订阅的界面显得很臃肿难看。所以为了使更多的顾及读者的订阅方式，而且为了不使得订阅的界面过分的臃肿难看，我们可以使用下拉的方式，使得更多的订阅链接隐藏在一个窗口之下，这样就两全其美了。这里介绍的是一个简单的下拉式订阅窗口栏，力求简洁，简单，方便添加，效果的样式如下：

订阅 | Feed

如果你觉得不错的话，可以按下面步骤安装。首先，进入博客后台，选择添加一个新的html/jave的页面元素，然后添加下面的这段代码就好了，当然在粘贴这段代码的时候，要处理一下，改成适合你博客的代码。

<ul>
  <li class="title"><img ilo-full-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj11tJMuhx1JKdLCqMHin4xXiegBG_-O2m7tDWURqXxzK5277DyvgJ7rwXYsG3NUETkGb8vzR4M2U8T1r1plIV1RoZv_msWg8o0ueJ0u1QDmoyD2bOrHzAZIVZiCxQGzKk4ZDxKlmcqBc/s400/feed-icon.png" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj11tJMuhx1JKdLCqMHin4xXiegBG_-O2m7tDWURqXxzK5277DyvgJ7rwXYsG3NUETkGb8vzR4M2U8T1r1plIV1RoZv_msWg8o0ueJ0u1QDmoyD2bOrHzAZIVZiCxQGzKk4ZDxKlmcqBc/s400/feed-icon.png" alt="feed" border="0">订阅 | Feed</li>
  <li>
   <select onchange="if( this.value != '') window.open(this.value)">
<option value="">选择阅读器</option>
<option value="http://www.zhuaxia.com/add_channel.php?url=http://feeds.feedburner.com/sisea">订阅到抓虾</option>
<option value="http://fusion.google.com/add?feedurl=http://feeds.feedburner.com/sisea">Google Reader</option>
<option value="http://www.bloglines.com/sub/http://feeds.feedburner.com/sisea">Bloglines</option>
<option value="http://www.pageflakes.com/subscribe.aspx?url=http://feeds.feedburner.com/sisea">飞鸽</option>
<option value="http://www.live.com/?add=http://feeds.feedburner.com/sisea">live</option>
<option value="http://add.my.yahoo.com/rss?url=http://feeds.feedburner.com/sisea">My Yahoo!</option>
<option value="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http://feeds.feedburner.com/sisea">Newsgator</option>

<option value="http://www.netvibes.com/subscribe.php?url=http://feeds.feedburner.com/sisea">Netvibes</option>
<option value="http://feeds.feedburner.com/sisea">Other Reader</option>
</select>
   </li>
   </ul>

找到代码中红色的部分，换成你的博客订阅地址就ok，还有蓝色的部分建议下载下来上传到你放心的空间。

Blogger:博客文章备份软件

noreply@blogger.com (X) — Fri, 6 Jul 2007 17:36:00 +0800

对于写博客的人最大的悲哀莫过于他的文章突然消失了，如果上天可以再给我一次机会的话，我会说三个字：“要备份。”如果要在上面加个期限的话，一次就够了。^_^对于blogger来说，这个软件Blogger Backup就可以了，它是从最新的文章到最老文章依次备份的，备份的格式为XML，这样就不怕哪天突然厄运降临到你的头上了。对于blogspot真可是封了又解，解了又封，磨难重重呀，但是我是铁定了，除非哪天它彻底地封了不能访问了，我是不会转的。呵呵，先备份先，以备不测。下面是1.0.0.5版本的使用方法。

代理的使用

需要下载的点击这里下载Blogger Backup1.0.0.6版本进行安装。

一键添加数独(sudoku)游戏到你的博客

noreply@blogger.com (X) — Wed, 4 Jul 2007 17:31:00 +0800

记得上回给大家介绍过一个游戏－－数独(sudoku)游戏，如果你喜欢上了这个游戏，很想放在自己的博客上，可以让自己玩个够，或给别人，你只要一键点击“添加到我的博客”(不过前提是你已经登陆上blogger了)就ok了。

这个数独游戏有5个等级难度。

给你的博客增加一个打印选项

noreply@blogger.com (X) — Wed, 27 Jun 2007 14:29:00 +0800

这个选项当然是实现打印文章的功能，让别人可以方便的打印出喜欢的文章。
首先是进入博客后台，打开html编辑备份你的模版，在<head>和</head> 之间加入下面的代码。

<style type="text/css" media="print">
#noprint {display: none;}
// Hide unwanted elements
body {background:fff; color:000;}
// Black text on White background
a {text-decoration: underline; color:00f;}
//Underline Hyperlinks in blue
}
</style>

其次就是你可以把下面代码放在想有打印选项的文章页里。
<a href="javascript:window.print()">打印</a>
当然你也可以找到Settings - Formatting（格式设定）,在最后的Post-template（文章模板）添加这段代码，给每篇文章都加了打印选项。

用google reader自定义RSS聚合，分享你的订阅

noreply@blogger.com (X) — Tue, 26 Jun 2007 10:09:00 +0800

        其实提供的是一条思路，如果你想把你几个中意的feed聚合起来一起提供给别人订阅，可以使用下面的方法。
        进入个google reader后，点击右上角的“Feed setting”项，选择创建“new folder”。在出现的窗口内填入你喜欢的名字，注意名字一定是英文字母，如图：

我填入的是“mygroup”，
        点击确定后，找到右上角的“setting”设置项，点击后出现设置界面，然后选择“Tags”项，出现如下图界面，找到你刚创建的文件名字，如我们刚刚创建的“mygroup”。如下图步骤：1先选择“mygroup”， 2然后“Change sharing”改变你的分享方式，选择“public”公开的方式，这样该文件夹内的内容都是公开的了。

        这样出现第三步的结果，这样你自定义的RSS聚合就做好了，以后你只要把你想分享的feed都放在这个文件夹就好了。你可以点击“email a link”把这个聚合的feed发送给给你的朋友，也可以点击第四步“Add a clip to your site"，在出现的新窗口里选择你喜欢的样式，或者默认的，然后直接复制窗口下面的代码。把它粘贴到你的博客了里新建html/jave页面元素里，不太清楚怎么做的的可以到基础知识图解看看。这样你自定义的feed聚合展示就做好了，你也可以把这这段代码发给你的朋友们了，分享你的快乐。

blogger:一键添加搜索框到你的博客

noreply@blogger.com (X) — Sat, 23 Jun 2007 18:34:00 +0800

该搜索框实现功能很简单，就是搜索你当前博客里的内容。

添加一个搜索引擎在你的博客侧边栏。

blogger:让你的QQ在线状态显示在你的博客或网页上

noreply@blogger.com (X) — Sat, 23 Jun 2007 17:06:00 +0800

        虽然不喜欢用QQ的客户端，可是作为信息交流还是可以的,谁叫QQ在中国的用户群是最广的呢。如果你想在你的博客上显示你的QQ的在线状态，让你的好友或别人方便联系你的话，可以装一个试试。
        其实这段代码放在这有段日子了，是很久以前逛的时候看见的，于是选了下样式，复制了代码，本想放在自己的博客上，可是一直没放上去，后来过了好久，也就忘记了。
首先看看下面的几个样式，选择你中意的，记住编号。
式样1
式样2
式样3
式样4
式样5
式样6
式样7
式样8
式样9
式样10
式样11
式样12
式样13
式样14
式样15
式样16
式样17
        然后复制下面的代码，记得把红色的部分换成你的，

<a target=blank href=tencent://message/?uin=370069175&Site=http://sisea.blogspot.com&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:370069175:16 alt="点击这里给我发消息"></a>

如http://sisea.blogspot.com换成你的博客地址或网址，370069175换成你的QQ号，还有就是把16换成你喜欢样式的编号。
好了，弄好了代码，现在就到你博客后台，新建个html/jave的页面元素，把代码添加进去就好了。

blogger:用feedburner给你网页或博客添加社会化书签

noreply@blogger.com (X) — Mon, 18 Jun 2007 16:33:00 +0800

Feedburner可以说是大家feed制作的首选了，前一阵子google又收购了feedburner，不能不说是个好消息。其实feedburner的功能很多，今天我说说如何添加社会化书签到你的博客里，其实也有别的办法，有空以后再说，只是觉得这种简单快捷，没那么烦，只需要几个步骤，点点划划就好了。

        下面我们开始了，首先打开这个网址，登陆进到你其中一个feed中，然后你点击“optimize”后，再找到“feedflar”，打开它。如果你以前没有激活它，那么现在就激活它。在它的界面里，你可以看到“feed ”和“site”这两行选择列，分别代表在订阅里显示，和在你的网页里显示，当然本文关心的是后者。还有你在页面的中部会看到“Personal FeedFlare”这个自定义选项，可以添加其余的书签。
        好了如果你弄好了，看看下面的预览图，看看它们在你的订阅和网页里的显示效果，如图：

        好了到此结束，点击保存，然后到你的页面看看效果如何。不出意外的话应该一切顺利，因为本人已经测试过。如果没有显示的话，看看在你的网页了是否已经添加了feedburner的那段代码。如我的代码是

<script expr:src='"http://feeds.feedburner.com/~s/sisea?i=" + data:post.url' type="text/javascript" charset="utf-8"></script>

具体的添加方法你可以到该网页查看

blogger:让google自定义你自己的搜索引擎（图解）

noreply@blogger.com (X) — Sat, 16 Jun 2007 09:16:00 +0800

写这篇文字是为了那些初步接触google的人的。不知道你是否在写博客，或者在做你自己的网站，不知道你是否想把你的博客圈或友情网站联合起来，让读者能够一站式搜索你们所有的内容，那就用google的自定义搜索引擎来完成它。
如果你想自定义一个话，那么就看下面的图解，首先你要做的就是先点击这个网站，然后就跟着图的步骤开支做。
1.
2.
3.
4.
5.点击完成后，会出现这个界面

6.
7.
到此就完成了。

blogger:给你的博客加个alexa站点统计按钮

noreply@blogger.com (X) — Thu, 14 Jun 2007 18:53:00 +0800

今天在别人的博客看到了这个展示网站Alexa排名的按钮，抱着尝鲜的态度，我也装了一个，如我页面的右下脚。觉得怎么样，你是否也想装一个。

如果你想安装的话，只要访问这个网站就可以了，选择你喜欢的样式，然后加入你自己博客的地址，点击创建部件按钮就ok了。然后把你的代码复制，如我的代码是

<script language="JavaScript" src="http://xslt.alexa.com/site_stats/js/s/a?url=http%3A%2F%2Fsisea.blogspot.com" type="text/javascript"></script>

在你的博客新建一个html/jave的页面元素粘贴那段代码就好了。

blogger:一键添加Google Talk到你的博客

noreply@blogger.com (X) — Wed, 13 Jun 2007 08:09:00 +0800

Google Talk,以前你可以在gmail里聊天，现在又可以把它加入你的blog了。

Google Talk Gadget 让你可以发及时消息, 传输文件, 语音聊天 (当然对方也要gtalk用户) ，还有语音留言。还有如果你把Picasa的相册或者YouTube视频地址贴在聊天窗口，该插件会显示出它们的预览。

如何在你的博客里添加dig提交按钮

noreply@blogger.com (X) — Mon, 11 Jun 2007 23:55:00 +0800

dig类网站最近可是群起云涌呀，做的最好的当然是dig老祖啦^_^。为了方便浏览者提交一个dig，这个按钮不仅可以方便提交dig，而且显示了被dig数，和你是否已经dig。现在首先你要登陆你的blogger，然后进入模版控制，选择"编辑html"，然后再选上扩展窗口小部件模板。当页面下载完成后，你在模版编辑窗口里点击鼠标右键，然后按ctrl+A键，全选模版文件，然后复制这些文件到记事本类的文本编辑器。其次就是在记事本里查找下面这段代码： <data:post.body/> 然后用记事本的替换功能把它替换成下面这段代码，有多少换多少。

<p>
<!-- DIGG -->
<div style='float:right; margin-left:10px;'>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<data:post.body/>
</p>

完成了这些，我们在回到模版的编辑窗口，把刚才全选的内容用delete全部删掉，然后再把记事本里的内容全部复制后粘贴到刚刚清空的模版编辑窗口里，好了到此差不多了，点击保存模版后就完工了，或者用预览功能查看你的页面是否出现了dig的按钮，然后再保存。

blogger:如何在文章标题加入图片

noreply@blogger.com (X) — Sat, 9 Jun 2007 19:32:00 +0800

看效果，其实很简单，只要在标题里加入下面一段代码就好了<a href="地址" ><img src="图片地址"></a>
如果没有显示，可能是你的图片地址太长，可以试试到这里看看，把地址弄短。

blogger:在Blogger Beta的独立文章页中增加所在位置导航

noreply@blogger.com (X) — Sat, 9 Jun 2007 19:12:00 +0800

这个功能可以使你在每篇文章的独立页中增加一个所在位置的导航链接，以方便你的浏览。
第一步：
进入 Template->Edit HTML ，备份，勾选 Expand Widget Templates 展开，找到 Blog1 部件 (<b:widget id="Blog1" locked="false" title="Blog Posts" type="Blog">) 。将下列代码紧贴其后。

<b:includable id='breadcrumbs' var='post'>
  <b:if cond='data:blog.pageType == "item"'>
      <p class='breadcrumbs'>
      <span class='post-labels'>
        <b:if cond='data:post.labels'>
          You are here:
          <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>  & g t ;
          <b:loop values='data:post.labels' var='label'>
            <b:if cond='data:label.isLast == "true"'>
              <a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
            </b:if>
          </b:loop>
          <b:if cond='data:post.title'>
            & g t ;  <b><data:post.title/></b>
          </b:if>
        </b:if>
      </span>
      </p>
  </b:if>
</b:includable>

然后将& g t ;中的空格全部取消。

第二部：
接着再找到这句
<b:if cond='data:post.dateHeader'>
将下列代码紧贴在它的上面
<b:include data='post' name='breadcrumbs'/>
第三步：
将下列 CSS 代码粘贴在<b:skin></b:skin>之间任何合适的位置

.breadcrumbs {
border-bottom:1px dotted $bordercolor;
margin:0 0 0.5em;
padding:0 0 0.5em;
}

blogger:一键增加折叠式链接

noreply@blogger.com (X) — Sat, 9 Jun 2007 19:03:00 +0800

下面两个按钮一个是直接通过标题来伸缩你得链接列表，一个是通过[+/-]的符号来伸缩你得链接列表。

blogger:隐藏页首的navbar

noreply@blogger.com (X) — Sat, 9 Jun 2007 18:55:00 +0800

效果如本博页首。首先登陆你的Blogger Beta帐户，然后点击“Template”，接着点击“Edit HTML"，先在代码中找到这一行

/* global
----------------------------------------------- */

再将如下代码添加至它的后面

#navbar #Navbar1 iframe{
height:0px;
display:none;
visibility:hidden;
}