教学 ♥ 专属的部落格 navbar
15 July 2012 @ 5:31 PM



yy 的教程

转帖请留言和附上链接 ♥






步骤一

Blogger template : Design - Edit Layout -
Add a gadget - Html/Javascript 

Blogskin : Template - Edit Html

用 ctrl + f 找 : <head> .

把代码放在它下面 .


步骤二

代码 :
<div style="position: absolute; top:0px; left: 0px; width:99.6%; position:absolute; padding:3px; background:#ffc0cb;color:#FFFFFF;">
<center>Welcome peeps!</center></div>


红色的 是 navbar 的背景颜色 .

如果要放背景图片 , 就把 background:颜色代码;

换去 :
background:url();


蓝色的 是 navbar 的字体颜色 .

紫色的 是你 navbar 的内容 .


备注 :

如果要放 follow 或 dashboard 按钮 , 请参考以下代码 .

Follow 按钮的代码 :
<a href="http://www.blogger.com/follow-blog.g?blogID=你的部落格ID">Follow</a>

Dashboard 按钮的代码 :
<a href="http://www.blogger.com/home">Dashboard</a>


步骤三

预览效果 .


步骤四

保存 Save .







任何疑问请在 tagboard 留言 .

在评论箱留言请告诉我 (:




版权所有 翻印必究. ♥