home
★
about
★
tutorials
★
freebies
★
html
★
六月032012

工具 | 自己添加Navbar

好久没更新了
都不知道要发什么教程了，哈哈


箭头直指的那条navbar。可以自己设定 字体，颜色等等。

比原本blogger的美多多声对吧？ 

*

要加这个之前先把blogger的navbar删掉     >按这里<

*

1. 布局 》 添加小工具 》 HTML/Javascript

2. paste 以下代码进去:
<div style="position: absolute; top:0px; right: 0px; width:100%; border-radius:2px; position:fixed; padding:3px; background:#FAAFBE; color:#000000; font-size:11px;">
<div style="text-align: center;">
<b style="color: white;">Welcome To</b>  <b style="color: white;">My Blog</b>  { <a href="http://www.blogger.com/follow-blog.g?blogID=1301744740769521459" style="color: white;">Follow</a>  | <a href="http://www.blogger.com/home" style="color: white;">Dashboard</a> }</div>
</div>
红色的是blog ID ，去布局时看上面的网址栏里面就会有自己的ID号码，
copy那个ID号码放进去就行了 :)

字体那些可以自己改代码喔



# Any request for tutorial ?
#Tag： 44 条评论:
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*