22.9.07

[Blogger筆記]隱藏Blogger導覽列

  CSS範本技巧運用

  Blogger 範本是由 CSS 來控制外觀的(其實大部分的Skin 都是),最仔細的做法就是將範本中的CSS 一項一項解析出來,再針對想變更的地方修改,畢竟我們不是Blogger的原始設計者,沒有辦法對比出像字典一樣完整的CSS 名稱表,但是還是可以從CSS 的命名看出一些端倪。

  雪球媽會先檢視範本的原始檔,搜尋可能的對應Div標籤,也可以嘗試該對Div 標籤作一些更動來做確認,已經存在範本的就直接更改,沒有的項目就新增在]]></b:skin></head>之前,建議一定要將展開小裝置範本維持在勾選的狀態,雖然光編輯CSS是不會和小裝置範本的XML相互影響的(小裝置範本=網頁元素),但是展開後可以看到更為完整的原始碼,也較能理解彼此之間的關聯性。



  Blogger 導覽列指的就是上圖的部分,其實算是一個很有特色的工具列,可以快速登入跟搜尋,或許有的Blogger 友覺得很好用吧!但是我覺得破壞了版面設計的完整性,只要加入下列的CSS,就可以將其完整隱藏了。

by雪球媽


  • 隱藏Blogger導覽列

  登入帳號→版面配置(管理)→修改HTML→展開小裝置範本→複製下方CSS→]]></b:skin></head>之前→預覽確認→儲存範本。


.Navbar {
 visibility:hidden;
 display: none;
}




2 Comments:

Post Comments

卡其 said :

感恩嘿~
真是簡單又實用
沒有導覽列的確比較不會那麼制式化了

cunnie said :

很高興對你有幫助~
歡迎常來看看~還會陸續有新的教學唷!!