Blogger:折叠式链接列表

以前我们通过在侧边栏展开/收缩栏目来让友情链接收缩起来,唯一的缺点就是添加链接时比较麻烦。这个Hack直接就是一个链接列表,但是却可以展开收缩,比较方便。不用展开模板代码,找到侧边栏部分的合适位置,例如:

<b:widget id='HTML5' locked='false' title='推荐使用的软件' type='HTML'/>
<b:widget id='AdSense1' locked='false' title='' type='AdSense'/>
<b:widget id='HTML1' locked='false' title='搜索|订阅' type='HTML'/>
<b:widget id='BlogArchive2' locked='false' title='相关文章' type='BlogArchive'/>
<b:widget id='Label1' locked='false' title='标签' type='Label'/>
<b:widget id='BlogArchive1' locked='false' title='存档' type='BlogArchive'/>
<b:widget id='Feed1' locked='false' title='评论' type='Feed'/>

例如你可以放在这之间
<b:widget id='HTML2' locked='false' title='链接' type='HTML'/>

然后把下面的代码放在任意两个b:widget 之间,添加完代码保存。然后在“页面元素”就会发现多了一个链接列表,现在就可以添加链接了。

<b:widget id='ALIST' locked='false' title='List Title' type='LinkList'>
<b:includable id='main'>
<script type='text/javascript'>
//<![CDATA[
if(typeof(rnd) == 'undefined') var rnd = '';
rnd = (new Date()).getTime();
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;">');
//]]>
</script>
<b:if cond='data:title'><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>

via Singpolyma

2 条评论:

匿名 说...

怎么不行啊,一点就跳到页面顶部,链接却出不来

老李飞刀 说...

我跟楼上一样,呵呵。。。。