2014年10月12日 星期日

移除網誌上 "模板" Remove Blogger Navbar


Blogger 上方的導引列 (Navbar) 在畫面上有時候感覺有些多餘.
這時候可以在版面設計裡修改 Html, 放置以下語法. 就可以遮蔽 Bar line.


#navbar-iframe {
display: none !important;
}

但是因為某些原因,有時候又想讓它出現...

Blogger navbar 有個很好的功能, 就是追蹤與隨機搜尋下一個部落格.
本來我把 bar-line 隱藏了...

隨機看到其他的 Blogger, 很多是家庭的生活網誌.
搭配著一些網路服務的可愛背景或模組, 感覺可愛極了!
我愛隨意逛著這些可愛的部落格更甚於 Cool, 個性化, 或是網路主題的部落格.
溫馨的房子,可愛的小孩,快樂的寵物,餐桌上的凌亂.....

我因為個人因素,無法體會真正的家庭是什麼?  所以我喜歡看這類部落格.
所以...找個辦法讓 Navbar 平常隱藏; 想使用 "下一個網誌" 功能時跑出來.
將以下的 Code 貼到 Html 主題版本(Temlate style)的下方. 


#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)} #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}


滑鼠移到 Navbar 的地方,就會出現; 移開就隱藏. 





1:自動移除網誌上 "模板" Blogger Navbar

  • 網誌的主板 Blogger Dashboard >> 排版 Layout
  • 按 "編輯" Edit

  • 按 "編輯" Edit 後,再按選項 "關閉" Off

2:手動移除網誌上 "模板" Blogger Navbar
此方法需要在網誌樣板 default template 內更改 "原始碼"
  • 網誌的主板 Blogger Dashboard
  • 網誌樣板 default template >> 編輯原始碼 html>>尋找下面位置:


  • 複製以下原始碼
#navbar-iframe { display: none !important;}


  • 如下位置中 */    貼上原始碼   /*



  • 完成示範圖:


沒有留言:

張貼留言