2011年2月14日星期一

自定义你的页面功能

我现在其实也有在使用Blogger的页面功能,不过一直不太满意Blogger不让人自定义自己的页面链接。

后来在Belen的提示下,以及自己稍微的研究后,终于成功添加自定义的链接了。

不过要注意的是,添加的方式可以分为链向自己部落的链接,以及链向部落以外的链接,两个的原理是一样的,不过方式有些差别。

添加方法如下:
1. 先到Blogger的“控制台”——“布局”——“修改HTML”,勾选“扩展小窗口部件模板”,然后记得备份,以避免不愉快的事情发生

2. 查找以下代码(或任何类似的代码):
<b:widget id='PageList1' locked='false' title='页面' type='PageList'>

3. 你会看到以下这段代码:

<b:widget id='PageList1' locked='false' title='页面' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>


这整段代码就是页面的代码,你的自定义链接就是要添加在红色那句和蓝色那句之间

4. 如果你只是添加链向部落以外的链接,就很容易,只要添加以下代码就行了:
<li><a href='XXXX'>YYYY</a></li>

XXXX替换成你的自定义链接,YYYY替换成你打算显示的名字。

5. 不过如果是打算添加链向部落以内的链接就比较麻烦了,要添加以下代码才可以:

<b:if cond='data:blog.url == &quot;XXXX&quot;'>
<li class='selected'><a href='XXXX'>YYYY</a></li>
<b:else/>
<li><a href=XXXX'>YYYY</a></li>
</b:if>


一样,XXXX替换成你的自定义链接,YYYY替换成你打算显示的名字。

这其实是运用Conditional Tags好让你的自定义链接依然拥有页面的效果,当然如果觉得没有必要,也可以照第4步的步骤,单纯的添加链接就行了。

6. 保存,收工!

提到Conditional Tags,其实如果你运用的好的话,可以让你的页面同时担任你的部落的导航栏咯。

这是我从物以类聚那里获得的灵感。

例如说,当读者阅读我的文章的时候,我的页面那里就会出现一个“文章”的字眼,这是仅有在读者阅读文章的时候才会显示的。

有好几个,大家自己看代码,有问题才问我吧。

如果是给“文章”的话:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<li class='selected'><a expr:href='data:post.url'>文章</a></li>
</b:if>

如果是给文章存档页的话:
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<li class='selected'><a expr:href='data:archive.url'>文章存档</a></li>
</b:if>

如果是给旧文章以及标签页的话:
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<li class='selected'><a expr:href='data:item.url'>浏览</a></li>
</b:if>
</b:if>


这边要注意两点:
1. 由于index的条件本身其实是包括首页、标签以及旧文章三个部分,所以当添加的时候必须要多添加一个条件式,不然首页的时候它也会跟着显示。

2. 目前Blogger没有特别把标签的Conditional Tags给分出来,所以暂时没有办法在标签页显示,而是必须和旧文章一起。

目前就这些了,希望可以让大家更好的运用自己的页面功能。

linfavourite signature
进一步查看我的其它网站

没有评论:

LinkWithin

Related Posts Plugin for WordPress, Blogger...