如何把 Menu Bar 的 Pages 换成图画
要把 Menu bar 的 Pages 变成图画,你必需自己动手添加 Menu bar 的 Pages,而不是依靠 Blogger 提供的 Gadget。按 这里 查看如何自己添加 Menu Bar 的 Pages。
首先,打开你自己添加好了的 Pages 工具处(在 Design 那边),找一找以下的 Code:
<li class="selected"><a href="网址1">标题1</a></li>
然后呢,将 标题1 替换成以下的 code:
<img src='图片direct link'/>
总而言之,你的 code 就会变成:
<li class="selected"><a href="网址1"><img src='图片direct link'/>/a></li>
然后按 *save* 就可以啦~
一定要放 Direct link,不是什么 HTML code 也不是 Image URL。如果你自己设计了图画想要放在这里的话,你可以把你的图片上载到 Photobucket 然后 copy 图片的 Direct link 之后放到这里来。
最终效果:
如果你不要你的图片被那个灰灰的 tab 包围,你就删除这些 <li class="selected"> 和 </li>,所以你的 code 就变成:
<a href="网址1"><img src='图片direct link'/>/a>
祝你成功!
首先,打开你自己添加好了的 Pages 工具处(在 Design 那边),找一找以下的 Code:
<li class="selected"><a href="网址1">标题1</a></li>
照片里的 code 我已经改好了的。哈哈! |
然后呢,将 标题1 替换成以下的 code:
<img src='图片direct link'/>
总而言之,你的 code 就会变成:
<li class="selected"><a href="网址1"><img src='图片direct link'/>/a></li>
然后按 *save* 就可以啦~
一定要放 Direct link,不是什么 HTML code 也不是 Image URL。如果你自己设计了图画想要放在这里的话,你可以把你的图片上载到 Photobucket 然后 copy 图片的 Direct link 之后放到这里来。
最终效果:
如果你不要你的图片被那个灰灰的 tab 包围,你就删除这些 <li class="selected"> 和 </li>,所以你的 code 就变成:
<a href="网址1"><img src='图片direct link'/>/a>
祝你成功!
Comments
Post a Comment