v Blogger增加導欄列Navbar透明圖層的設計 >> 0 與 1 謎詭世界
★★★請勿任意轉載本站的文章及圖片但歡迎網摘及連結並註明網站名稱與網址,勿全文轉載,彼此尊重,
是網路的基本禮儀。


>
2013 曬書節 - 萬種商品49元起!

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搜尋功能

Related Posts Plugin for WordPress, Blogger...