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 条评论:

  1. 蘑菇:)2012年6月3日 16:51

    说真的@@

    我没什么明白><

    回复删除
    回复
    1. じ☆ve AppLe2012年6月3日 16:57

      erm..不明白哪里呢？

      删除
    2. jasmine moey2012年7月30日 15:56

      我的添加工具不见了要怎样找回来呢=9

      删除
    3. Unknown2012年9月27日 21:01

      想问你怎么弄才有像你这样美的滑鼠呢？还有你的字后面都有很可爱的卡通>< 是怎么弄啊？

      删除
    4. Unknown2012年9月27日 21:05

      怎么弄才有像你这样没的滑鼠啊？还有你的字后面都有很可爱的卡通 都是怎么弄啊 ><

      删除
  2. 炎尛婷2012年6月3日 17:21

    成功了喔!!謝謝你：）

    回复删除
  3. MsHui2012年6月3日 18:53

    你终于都更新了~XD
    喜欢你这个post...<3
    ;D

    回复删除
  4. Yumiko ッ ❤2012年6月3日 22:38

    只需要加入自己的id么? o.O

    回复删除
  5. 汐雨2012年6月4日 19:06

    請問 可以把頁面弄到像這個navbar醬嗎？
    就是不管你在部落格的哪裏都可以按到的
    然後一直在頁面的頂的

    回复删除
    回复
    1. じ☆ve AppLe2012年6月18日 18:05

      可以~改掉显示的字体代码就行了 :D

      删除
  6. 汐雨2012年6月4日 19:07

    請問可以把頁面把[ home · about · tutorials · stuffies · html ]這些
    弄到像navbar那樣嗎？

    回复删除
  7. 慧。2012年6月6日 19:03

    不好意思。
    想问你我的image hover为什么在流动图片那里无效？
    部落格网址：zh-21.blogspot.com

    :))

    回复删除
    回复
    1. じ☆ve AppLe2012年6月18日 18:08

      没效果吗？

      删除
    2. 慧。2012年7月1日 09:14

      嗯。因为我的图片都是放“从蒙慢慢变清楚”的效果的。
      可是我的流动图片却没有这个效果。

      :))

      删除
  8. Xiiaom .❀2012年6月7日 23:27

    更改字体是哪里啊 ? ><

    回复删除
  9. MIM LING.2012年6月8日 21:57

    字體的代碼怎麼找啊？

    回复删除
    回复
    1. じ☆ve AppLe2012年6月18日 18:09

      此评论已被作者删除。

      删除
    2. じ☆ve AppLe2012年6月18日 18:11

      font-family: ;

      在空白的位写字体名字，至于字体名字可以参考模板设计器里面的:)

      删除
  10. 糖果音2012年6月11日 10:24

    想问博主的部落格背景是哪里找来的呢？
    谢谢回答。
    （谢谢你的教程=））

    回复删除
    回复
    1. じ☆ve AppLe2012年6月18日 18:12

      不用客气 :)
      我是有时逛逛部落格看到美丽的就save起来，以后能派上用场，哈哈

      删除
  11. Unknown2012年6月19日 06:24

    請問下，我的navbar會被照片擋住，要怎麼弄掉? ><

    回复删除
  12. 匿名2012年6月24日 09:01

    Hyvä Blogi jatka samaan malliin. Olen seurannut tätä jo jonkin aikaa.
    Also visit my web-site ... verkkokauppa

    回复删除
  13. xiiao yin2012年6月29日 21:50

    ID 为 Navbar1 的窗口小部件发现了不只一个。窗口小部件 ID 应是唯一的。

    我ctrl+f 找不到Navbar 1，怎么办？救命啊啊啊啊/.\

    回复删除
  14. yumiko yeo2012年7月15日 13:30

    如果是blogskin的是要放什么代码？

    回复删除
  15. Fishhh2012年7月22日 17:42

    請問,哪一些代碼是可以自己改的?
    然後可以再說得詳細些嗎?
    我不是很明白..麻煩了。

    回复删除
  16. Fishhh2012年7月22日 17:44

    請問,哪一些代碼是可以自己自行更改的?
    可以再寫得詳細些嗎?
    麻煩了,謝謝。

    回复删除
  17. 糖果音2012年8月10日 11:50

    敢问如何弄到列表？好像你一按就可以进去的，好像你之前的教程列表之类的……（我也想弄教程&素材）希望你在我的部落格里回答，谢谢！
    谢谢谢谢谢谢！O(∩_∩)O哈哈~

    回复删除
  18. 匿名2012年8月13日 19:53

    Keep on writing, great job!
    Here is my website :: buy old crappy viagra

    回复删除
  19. Jelly2012年8月22日 16:42

    成功了！謝謝你哦! :)

    回复删除
  20. мs sнειιч -♥-2012年8月27日 19:11

    如何把backgound变粗呢？

    回复删除
  21. DRAWing2012年8月28日 15:43

    请问博主哪里一个代码是更换字体的 ?

    回复删除
  22. IAMJIEYU2012年11月6日 21:18

    请问Navbar我按了关闭 要怎样才可以开回去呢? ><

    回复删除
  23. 匿名2012年11月30日 14:54

    can i request for a prevent left click tutorial?
    thankyou

    回复删除
    回复
    1. じ☆ve AppLe2012年12月6日 13:10

      sure...

      http://yes-apple.blogspot.com/2011/01/right-click_23.html

      http://yes-apple.blogspot.com/2011/01/right-click.html

      删除
  24. LosAngelles2013年3月20日 16:13

    不好意思，
    你可以教我如何弄BadgePlz Instagram吗？

    对不起，我不知道要如何把这个信息传送给你，所以写在这里，请见谅！

    记得回复或发这个教程来叫我，谢谢：）

    回复删除
  25. Unknown2013年5月1日 20:55

    我做不到叻 :33

    回复删除
    回复
    1. じ☆ve AppLe2013年5月4日 13:54

      为什么呢？这个教程很容易而已哦 :)

      删除
  26. 匿名2013年10月2日 14:11

    你好，请问要在哪里更换 #thanks for viewing my blog?

    感恩不尽 <3

    回复删除

你的留言将在审核后发布。谢谢 ♥

订阅： 博文评论 (Atom)
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*