2014年9月29日

Blogger 串聯式留言(threaded comment)__留言編號及自訂版面樣式實作

跟 Blogger 舊範本時代的官方留言系統比起來,新範本的串聯式留言全部由 javascript 產生,讓習慣改 Blogger 範本的使用者難以下手 hack。不過對於熟悉 CSS 的使用者,想把串聯式留言的界面改漂亮一點,倒也不是難事。

本篇為 WFU 的修改紀錄,不一定能含括所有串聯式留言區塊。不過對 CSS 熟悉的讀者,可以參考這篇紀錄的概念,為留言區塊新增功能(留言編號)、或把版面改成心目中滿意的樣式。

2014年9月23日

[小工具]回到頂端(Go Top)按鈕放在浮動導覽列實作

上一篇「快速回到頂端(Go Top)按鈕__符合使用者體驗的友善設計」留言 #18 Jean Hsiung 詢問:「我對您的"↑TOP"鈕比較有興趣,這個有沒有教學?」。

為何 WFU 要將 "回到網頁上方" 的這顆 Go Top 按鈕放在導覽列?主要是因為閱讀時,眼睛不喜歡螢幕上有浮動區塊,無論造成文字被遮住(例如「浮動側邊欄」的實例)、或是有個東西在某處飄,總是覺得怪怪的。個人能接受的浮動區塊,只有在網頁「最上方」以及「最下方」,因為這樣就感覺不出有浮動區塊,也是比較友善的使用者體驗。

所以將「↑ Top」按鈕放在浮動導覽列,算是個人偏好,不過也是有知名網站採用這樣的設計,例如「Feedly」,那麼以下就來看看這樣的功能如何實作。

2014年9月17日

[小工具]讓 Blogger 串聯式留言能由新到舊排序

Blogger 留言排序這件事,從使用 Blogger 以來(舊範本時代),一直到現在的串聯式留言(新範本),不斷有使用者提出詢問:「能不能從最新的留言開始顯示」?實際上從 "使用者體驗" 的角度來看,這個要求非常合理,否則當留言一多時,螢幕都得捲到最底部才能看到新的留言,這是非常不友善的設計。

可惜這麼多年以來,此事一直沒有進展,而多數有名的第三方留言外掛(G+、FB、Disqus),留言能以各種方式排序都是基本配備,也難怪乎 Blogger 使用者紛紛棄官方留言板而去。

實際上,官方留言板擁有無可取代的優點存在,而 WFU 也準備撰寫專文推廣,但最大的阻力在於,官方留言板功能過於陽春。因此這篇文章要寫出來,第一個要解決留言排序的問題。那麼,對官方留言板還有信心的讀者,請按本文的操作,來安裝這個「Blogger 留言由新到舊排序」的功能吧!



<< 請注意!本篇文章含會員限定內容 >>

2014年9月14日

超連結 A 標籤及錨點, 你不知道的操作技巧(HTML語法)


(Pic from: elated.com)
在所有 HTML 標籤之中,相信很多人第一個學會的就是超連結(A 標籤)語法吧!雖然超連結語法很簡單,不過其實也可以很複雜。若能了解 A 標籤的詳細操作方式與原理,可以在 SEO 上加分不少。

如果想更進一步精進網頁技巧,利用 A 標籤實現一些不常見的網頁效果,那麼可參考本篇的心得整理。

2014年9月7日

[小工具] jQuery 展開收合效果安裝懶人包

「展開收合效果」是常見的網頁技巧,最早是在 +Mark X 的「留言版提示 - jQuery 展開收合效果」看到這個效果。

如果一個頁面只有一處需要用這個效果,那麼請直接參考 mark 這篇文章即可;如果同一網頁有多處需要展開收合時,這個功能在使用上會稍微麻煩一些,需要每一處個別設定 id、個別執行不同的 js 程式碼,對於不熟悉程式碼的讀者,可能會不知如何下手。

因此有這樣的需求時,可使用本文提供的懶人包,就能批次搞定多處的程式碼。第一次需要花點心思設計樣式,不過以後套用就非常方便。


<< 請注意!本篇文章含會員限定內容 >>

2014年9月4日

Google Authorship 作者資訊正式失效, 是否需要移除 G+ 作者連結?


(Pic from: standardmarketing.com)
沒想到距離上次事件「搜尋結果不再顯示作者頭像!Google 為何要這麼做?」才兩個月,現在 Google 連作者資訊也一併從搜尋結果取消了;不但如此,官方正式宣佈 Google Authorship 將不會是搜尋引擎排名權重的影響因素之一。

+Mark X 撰寫專文說明了這件事,並提出獨家分析及觀察。本文內容主要轉載自他這篇「Google 搜尋結果不再顯示作者資訊連結」,希望能讓更多讀者瞭解此事,以及網路的新趨勢。

2014年9月2日

備份 Blogger 範本的訣竅﹍修改 Blogger 範本的觀念 (1)

如果是本站的忠實讀者,那麼修改範本可說是稀鬆平常的事。而常常修改 Blogger 範本的話,最重要的一件事,就是能否養成正確的備份範本習慣。

有的讀者可能會好奇,備份範本有什麼了不起,跟 Copy & Paste 一樣稀疏平常,只要知道快速鍵怎麼按就會做這件事了,有需要特地寫一篇文章嗎?的確非常需要,除了自己使用 Blogger 早期所引發的不測,WFU 也看過太多慘案,因此就算有備份的習慣,都不一定能避免悲劇的發生。唯有具備正確的觀念與工具,才能確保範本的安全──或許,都不修改才是最安全的。

只要踏上修改範本這條路,那麼這個系列文的重要性,跟「Blogger範本內容」系列文是並駕齊驅的。本篇要提供的進階觀念大致如下:

1. 如何正確備份範本
2. 如何養成習慣
3. 如何比對不同版本差異