为blogger创建一个pee-a-boo链接列表

注:技巧源自于Singpolyma's pee-a-boo Link Lists 一文!样式根据自己的喜欢做过改动!
1.登录blogger

2.创建一个链接列表，比如名称为“平江站点”的链接列表
模板 -> 页面元素 ->添加页面元素 ->链接列表

3.修改html模板
模板 -> 修改html

4.找到你刚才创建的链接列表代码。确保“扩展窗口小部件模板”没有被选上！代码类似于：
<b:widget id='LinkList1' locked='false' title='平江站点' type='LinkList'/>

5.将下面的代码copy到上面代码行的下方。
<b:widget id='linklistID' locked='false' title='linkName' type='LinkList'><b:includable id='main'>
<script type='text/javascript'>
//<![CDATA[if(typeof(rnd) == 'undefined') var rnd = '';rnd = Math.floor(Math.random()*1000);rnd = 'id-' + rnd;document.write('<a href="#" onclick="tmp = document.getElementById(&quot;' + rnd + '"); tmp.style.display = (tmp.style.display == &quot;none") ? "block" : "none"; return false;" style="text-decoration:none;">');
//]]>
</script>
<b:if cond='data:title'><span style='color:$sidebarlinkcolor;text-decoration:none;float:left;margin-right:0px;'>+/-</span><h2><data:title/></h2></b:if>
<script type='text/javascript'>
//<![CDATA[document.write('<\/a>');
//]]>
</script>
<div class='widget-content'>
<script type='text/javascript'>
//<![CDATA[document.write('<div id="' + rnd + '" style="display:none;">');
//]]>
</script>
<ul>
<b:loop values='data:links' var='link'> <li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<script type='text/javascript'>
//<![CDATA[document.write('<\/div>');
//]]>
</script>
<b:include name='quickedit'/> </div>
</b:includable>
</b:widget>

5.将上面<b:widget id='linklistID' locked='false' title='linkName'...代码中的“linklistID”，“linkName”替换为第4步找到代码中的id和title分别对应的值，也就是将本文4步代码中的“linklist1”替换掉“linklistID”，“平江站点”替换掉“linkName”。
即：<b:widget id='linklist1' locked='false' title='平江站点'...

6.删除第4步中找到的代码。保存模板并查看效果！