[教學]快速回到頂端(Go Top)按鈕__符合使用者體驗的友善設計

(Pic from: shimivn.blogspot.com ) 「回到上方」的按鈕是很常見的網頁設計,且 code 不難寫。那麼特地撰寫本文的目的為何呢?其實主要是拜讀了 +Bin Ye 的「 改善 Google Blogger 返回頂部按鈕的使用體驗 」覺得很有道理,因...

繼續閱讀全文

[教學]讓部落格導覽列選單能浮動置頂

寫完「 部落格浮動側邊欄 」之後,對於這樣的功能還可以有什麼樣的應用,直覺想到的是水平導覽列選單(也就是 Blogger 的 "網頁" 小工具),認為直接把程式碼拿來套一下應該就能浮動置頂、凍結在網頁的最上方。 2013.12.20 公告: 由於本篇程式碼...

繼續閱讀全文

Opera 15 調校心得__首頁+滾輪換頁(滑鼠手勢)+書籤列+Gmail

在使用 Blogger 之前,一直是 Opera 的愛用者,可惜 Opera 與 Blogger 不太相容,為了網頁的展現效果只能轉投 Chrome 陣營。 不過現在 Opera 改採 Chromium 引擎後,Blogger 網頁得以正常顯示,加上越新版本的 Chrome ...

繼續閱讀全文

可以取代新版 Opera 15 或 Chrome 書籤列的快速書籤選單

(Pic from: iconarchive.com ) 新版 Opera 15 摒棄書籤及書籤列,認為用「快速撥號」可以取代,但相信沒幾位使用者能夠同意這件事。其操作不但花時間,「快速撥號」畫面能擺放的網頁 logo 也是有限。 我想到的解決方法為利用滑鼠手勢套件,藉滑鼠...

繼續閱讀全文

讓新版 Opera 15 能滾輪換頁+滑鼠手勢加強

(Pic from: stevefullmer.tumblr.com ) Opera 引領先驅的原生滑鼠手勢系統,在新世代的 Opera 15,竟被縮編到剩下五種手勢,這應該是支持者最失望的一部份了。能有一點小安慰的是,Opera 15 可經由安裝套件後,移植 Chrome 的...

繼續閱讀全文

讓新版 Opera 15 能使用首頁功能+搬移暫存檔(cache)路徑

(Pic from: findicons.com ) 新世代的 Opera 換了引擎核心後,最為人詬病的其中一個項目為 "無法設定首頁"。其實沒有首頁功能不是很嚴重,如果能每次開啟瀏覽器,都固定出現快速撥號頁面,也是不影響作業。 偏偏 Opera 15 ...

繼續閱讀全文

讓側邊欄 Adsense 廣告出現在吸引目光的位置 [加值文章]

上一篇寫了「 部落格浮動側邊欄 」後,原本的應用是要讓 Google Adsense 廣告能夠在側邊欄浮動、增加讀者的注意力。還好沒釀成大錯,即時發現「 Adsense 的官方規定 」是不允許這樣做的。 根據閱覽經驗,當讀者觀看部落格的文章時,目光焦點大多集中在本文區塊,這也...

繼續閱讀全文

[教學]部落格浮動側邊欄(浮動廣告)__改良精簡版

浮動側邊欄是效果很不錯的一個網頁設計,這個浮動區塊不會隨著畫面捲動而消失。站長可將想特別強調的內容、傳達的訊息、甚至是廣告內容放入這個區塊,而達到強力曝光的效果。 一開始敘述的是原理及過程,想直接安裝程式碼請跳「二、準備動作」。 P.S. 為了避免誤會,右邊的浮動廣告圖案...

繼續閱讀全文
TOP