2009年10月24日 星期六

Blogger增加導欄列Navbar透明圖層的設計


昨天(2009.10.23)下午Google Blogger給大家大約兩小時的震憾教育,很多網誌連不上線,很多寫到一半的文章就不見了,或是正在埋頭改版的朋友,也沒法發揮熱情繼續奮戰下去,plurk跟twitter上一片哀嚎聲響起,原來Google也會這樣無預警的當機,而且長達快兩個鐘頭之久,真是我第一次遇到,結果晚上就釋出了一個新功能(透明圖層的Navbar導覽列),但我想很多人都沒在用這功能。

到底這是什麼功能呢?我想應該很多人都發現了,就是Navbar導覽列支援透明圖層,其實Google有一直在改進導覽列的功能,推出了分享與追蹤的工具,真的也很不錯,現在為了版面上的美觀,推出了透明圖層的導覽列。



其實嚴格說來這個導覽列Navbar真的還蠻實用的,功能有下列幾項:
1、打進關鍵字搜尋你網站上的文章。
2、讓網友分享你的文章到Twitter、Facebook、Google閱覽器訂閱,如果在登入的情況下,會多一個以電子郵件傳送的選項。


3、看到令人不舒服的網誌內容,暴力或是色情的網站,可以"檢舉濫用"回報給官方來處理。
4、"下一個網誌",可以隨機跳到某人的部落格,觀看世界各地Blogger的網誌內容,最近好像是以美食及動物為主,不過很多時候會出現恐怖的圖片,自己要有心理準備,這項功能我自己是不太喜歡用,因為曾經看到一些令人不舒服的照片。
5、在未登入的狀態下,可以提供一個類似Admin控制台的功能,讓你不用找尋Google或是Blogger的首頁去登入,直接按下"登入"就能到blogger首頁登入了。
6、在登入的情況下,看到喜歡的網誌,可以立即按下"追蹤"加入追蹤,很方便。


7、在登入的情況下,在自己的首頁就可以直接按下"新文章"開始寫作,或是按下"自訂",新增網頁元素。


如何使用呢?
進入後台→版面設置→網頁元素→導覽列(藍色的),按下編輯就會出現如下圖的選擇,原先只有四種,現在多了透明圖層的透明亮及透明暗兩種,就看你的版面加以選擇。



P.S.如果你的瀏覽器是IE6,是沒有支援透明圖層的功能的。

先前大部分的人都會將此項功能隱藏,就如同綸太郎在使用blogger系統時就發表過一篇,
隱藏 blogger導覽列(navbar)+進入後台的方法

隱藏NavBar的語法:在<head><和/head>之間放入以下的語法,通常放在body{}這段敘述前或後都可,
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

因為我個人的登入習慣都是登入Google帳號後,再連到Blogger的後台,所以實際上並沒有這個需要,要直接登入Blogger後台動作,所以對我而言這是個雞肋的功能,有沒有都無所謂,只是不喜歡版面上多了那一條功能列罷了,不過目前多了許多功能,所以先讓它出現一陣子,如果真的不喜歡再拿掉囉。

而目前網路上非官方的模板,大多也都將此功能隱藏了,如果你想讓導覽列navbar重出江湖,試著進入後台Html區中找尋是否有類似以下語法的東西,
#navbar-iframe {或是 #navbar {
裡面有一句或兩句語法是
visibility:hidden;或
display:none;
把他刪除即可,你的navbar導覽列應該就可正常運作與呈現了。

如果你想讓他在滑鼠指到上方才出現navbar,可以將navbar的語法修改或新增為以下的語法,但是只有在Firefox才會有作用,IE好像沒法支援。
參考來源,Blogger v3.0: Hovering Peek-A-Boo Blogger Navbar
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

題外話:當Google Blogger無預警當機時,自己就要作匯出網誌,備份自己的模板與文章內容的準備,文章是自己的心血,而我們用的是免費的服務。

Google官方有提到可以復原遺失的文章嗎?,如果你文章寫到一半當機,沒有儲存,可以參考他的內容,或許還可挽救回來。

另外如果blogger使用上有任何錯誤或是當機無法連線的現象,可以先參考Blogger On Twitter的網頁,通常官方第一時間都會公佈在那裡。

4 則留言:

  1. 比較後,
    我覺得透明暗較好看。

    回覆刪除
  2. 是啊,我也是用透明暗。

    回覆刪除
  3. 谢谢太郎兄分享,真的不知道哦^^

    回覆刪除
  4. 其實是想到或許有很多人沒有注意到這個功能改變才想介紹的,謝謝你的回應。

    回覆刪除

設有留言驗證及核准,版主閱覽後,留言才會顯示,發問前請善用網站目錄Google搜尋功能