Blogger beta:优化Blogger导航

ExplodingBoy又设计了一系列免费的导航图标,因此Hoctro又为我们带来了新的Hack,不过他的方法却不能在首页显示,而且原来的Older posts也不能用了,所以鱼推荐直接用最简单的Img标记引用图片以替代原来的文字,从而优化Blogger的导航栏。

找到自己喜欢的图片上传,并找到代码的以下位置,用红色标出的部分替换为图片(注意图片对应,Newer:前 Older:旧 Home:主页)。

<b:includable id='nextprev'>
<div id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'><data:newerPageTitle/></a>
</b:if>
<b:if cond='data:olderPageUrl'>
<a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'><data:olderPageTitle/></a>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'>Home</a>
</b:if>
</div>
<div class='clear'/>
</b:includable>

如果你不会用Img引用图片的话,那么只要仿照这个格式就行:<img src="图片地址">

3 条评论:

于成 说...

你的blog真牛

匿名 说...

谢谢指教!!

Unknown 说...

Blu-ray Decrypter