打造舒適閱讀體驗__讓 Chrome 只放大縮小文字(Zoom Text Only 套件)
由於每個網頁預設的字體大小不一,為了讓眼睛能舒適、長時間閱讀,縮放網頁文字是瀏覽器必要功能。Chrome 能藉由按下 Ctrl++、Ctrl+-來縮放頁面大小,不過這並非友善的閱讀設計,因為文字雖然變大了,但常常閱讀區塊也隨之變大,導致區塊右邊超出螢幕範圍,而看不到右邊的文字。因此要打造舒適閱讀的體驗,必須只針對文字來縮放,而頁面所有其他元素保持不變,這才是最佳解決方案。本文要介紹的 Chrome...
View Article猜不透的 Google+ 專頁瀏覽次數?Blogger 站長賺到了!
今年的 4/1 開始,G+ 發布了一個新功能,在瀏覽 G+ 頁面時(無論是個人頁或是專頁),可以看到瀏覽總次數的統計。這樣的設計,當然是為了增加 G+ 使用者的黏著度,就像 RPG 遊戲般,玩家很大一部份的樂趣來自於等級的增加、數字的提昇。不過,看完自己的統計數字後,總會好奇別人的數字是多少?結果應該會發現,好像落差挺大的!有的人挺正常,有的人出現天文數字(上億)!因此 +Ala Go...
View ArticleGoogle 自訂搜尋改良版__兩欄式更方便 (Blogger 專用)
在部落格設置搜尋框功能時,最佳選擇一定是「Google 自訂搜尋」。為何 Blogger 官方搜尋小工具不建議使用,原因在「新版 Google 自訂搜尋」有詳述,最主要的因素為,這個官方工具並非使用 Google 搜尋引擎,導致搜尋結果不佳。不過 Blogger 官方搜尋小工具有個優點:「搜尋結果能立即出現在文章區塊上方」,這對訪客來說是個非常友善的操作設計,而這正是 Google...
View ArticleBlogger 文章標題最佳化__(2) 符合 SEO 的 H1 H2 H3 標籤配置研究
在 HTML 標籤之中,H1~H6 標籤主要用途為標題的使用。同時搜尋引擎認為標題包含的 "關鍵字" 更為重要,因此網頁如何配置 H 標籤(主要是 H1、H2、H3),是 SEO 需要注重的一環。在 Blogger 官方範本中,各個 H 標籤的安排,並非以 SEO 最佳化來配置。可能的原因為,新範本是幾年前的產物,設計上是依據 SEO 舊觀念。而在 SEO 規則每日一變的時空下已不適用。這使得注重...
View ArticleBlogger 文章標題最佳化__(3) 修改範本 H1 H2 H3 標籤實用技巧
上一篇「符合 SEO 的 H1 H2 H3 標籤配置研究」說明了在 Blogger 範本中,如何配置 H 標籤的概念。本篇則說明如何用最簡單的方法,來批次修改所有的 H 標籤,來達到較佳的 SEO 效果。除此之外,在文章之中,還可運用各種 HTML 標籤,來達到加強 SEO 效果。一、修改範本的難處如果要進行本篇的操作,最好詳讀上一篇「符合 SEO 的 H1 H2 H3...
View Article我的 Histats 計數器操作心得, 你也可以這麼使用
Histats 是很棒的免費網頁計數器服務,可以在網站上即時顯示訪客數、瀏覽數、歷史瀏覽數等等數據,還有龐大數量的樣式可供選擇。雖然在專業的數據分析上,比不上 Google Analytics(以下簡稱 GA),不過 WFU 仍在本站分別裝了 GA 及 Histats 兩種計數器的追蹤碼,看起來功能重複了對吧?GA 的數據算是最客觀的,如果部落格(將來)要接案子的話,那麼 GA...
View Article不用語法及後製, Picasa (G+相簿) 圖片立刻變成黑白(灰階)效果
想要在網頁上呈現黑白(灰階)圖片效果,最簡單的方法就是利用影像軟體後製,操作熟練的話很快就能完成。不過,若是網頁有很多圖片、或是不定時需要灰階效果的話怎麼辦?重新上傳也是麻煩,這時如果能透過語法,只針對需要灰階的圖片進行處理,算是最方便的解決辦法。CSS3 / HTML5...
View Article搜尋結果不再顯示作者頭像!Google 為何要這麼做?
(Pic from: freepik.com,danzxncrd.blogspot.com)Google 搜尋引擎最近發生的大事,為取消顯示實施了二~三年的作者頭像(Google Authorship),算是令許多人沮喪的一件事,因為作者頭像對於搜尋結果的點擊率,的確有影響。+Mark X 撰寫專文說明了這件事,並提出相關建言。本文內容主要轉載自他這篇「Google...
View ArticleFeedburner 訂閱人數飄忽不定?改讓 Feedly 按鈕顯示訂閱人數吧!
(Pic from: SeonBieber)相信有使用 Feedburner 訂閱按鈕的站長可能會發現,去年七月「Google Reader 關閉」(以下簡稱 GR)之後,Feedburner 接收 GR 訂閱人數的狀態便陷入混亂,顯示的數據保持著區間震盪的走勢,一下子爆衝、一下子又暴跌,週而復始進行無限循環。忍受這亂象一年後,最近決定動手剷除這個亂源。由於後 GR 時代,看來 Feedly...
View ArticleFacebook 粉絲頁 RSS 網址線上產生器__為何要訂閱 FB 粉絲頁?
由於 FB 粉絲頁的曝光率急速下降,或許讓讀者能訂閱粉絲頁的 RSS 是一種解決方式。以下先提供粉絲頁 RSS 的線上產生器,再詳細解釋為何需要這麼做。一、FB 粉絲頁 RSS 網址請按輸入框的提示,輸入對應的 FB 粉絲頁網址即可產生 RSS 訂閱網址:.FFPrss{position:relative;background:#FFF;margin:30px...
View Article長時間瀏覽網頁眼睛不舒服嗎?快使用高對比模式 (Chrome 套件)
電腦螢幕的製程越來越進步,開發出成本越來越低、更省電、顏色更鮮艷的零組件,從 CRT → LCD → LED,然而對眼睛的傷害卻是越來越大。原本 LCD 的背光已經不適合眼睛長期直視,但更慘的是,目前市面上只能買到背光更強的 LED 螢幕(新品)。要讓眼睛對抗強光、調適瞳孔的程度比較緩和,除了購買昂貴的特殊過濾光線眼鏡,我們能做的,就是盡量將螢幕上的字體放大(讓 Chrome...
View ArticleBlogger 行動版 Adsense 廣告如何追蹤成效?
(Pic from: oxoitech.com)之前「在 Blogger 行動版放 Adsense 廣告」,由於本站讀者特性多為使用網頁版,因此一直未有動力追蹤行動版的成效。過了幾個月後,現在覺得應該會有數據來分析 Blogger 行動版投放 Adsense 的效用,作為是否該使用自適應版面的評估。結果赫然發現,在 Adsense 後台找不到 Blogger...
View Article幫 Blogger 安裝三種留言分頁 (含 Google+ 及 Facebook 留言板)
部落格常見的留言板外掛有 G+、FB、Disqus 等留言板,如果能同時擺放幾個留言板是有他的好處(後面會分析),但多個留言板並存時,隨之而來的是版面凌亂,由上到下的多個留言板會讓訪客滑鼠捲個不停。因而喜歡潔淨版面的站長會選擇只放其中一種,甚至隱藏官方留言板,但這是很可惜的事,因為最不該屏棄的就是官方留言板。如果安裝了本文的留言分頁小工具後,不但 Blogger、G+、FB...
View ArticleGoogle+ 分享文章時,如何讓縮圖以大尺寸呈現?
以前在 G+ 分享文章時,縮圖的尺寸比較小。現在他們了解到,社群行銷大圖才是王道!因此我們漸漸可以發現,目前很多 G+ 貼文的縮圖,都是以 "滿幅" 的大圖呈現,能夠快速吸引讀者的目光。那麼需要具備哪些要件,才能在分享到 G+ 時,讓縮圖以大尺寸顯示呢?請見本文以下的說明。一、G+...
View ArticleBlogger 各種疑難雜症發問管道, 及提問注意事項
(Pic from: pichost.me)這篇為長期置頂公告,會固定出現在首頁第一篇,方便新讀者了解相關資訊。而本站的常客麻煩自動無視,於首頁想找新文章時,從第二篇開始看起即可。相信 Blogger 使用者一定會有許多大大小小的問題、或各種需求,但 Blogger...
View Article商品化的 Blogger 工具
(Pic from: allthingsaustralian.com.au)本篇以下的各式工具,都具有相當的技術成份,而且無法標準化,只能依客製模式生產,因此商品化算是不得不然。不過這些工具對於吸引、留住讀者的功能性而言,確實也都有其價值,對於規模較大的網站會有幫助,有需要的站長可與我聯繫。 一、留言分頁+留言數量顯示在 Blogger 使用留言分頁,來安裝 G+、FB...
View Article為何瀏覽數會爆增?揭開 Blogger 快樂流量的真面目
(Pic from: 3dprint.com)曾寫過一篇「Blogger 後台文章瀏覽數與 Google Analytics(簡稱GA) 數據差別很大的原因」,大致說明 Blogger 與 GA 各自的計數原理。當然,在正常的使用下,Blogger 官方的統計數字已經比 GA 高;而本篇要揭露的,是在不經意的使用下、甚或是刻意的使用下,Blogger...
View Article在 Blogger 標籤動手腳, 擺盜文者一道!
(Pic from: Lois Lin FB)前幾天「蘋果報導」了一位美少女部落客,在文章安插「台灣是主權獨立的國家」字串,讓盜文者貼到大陸網站而渾然不覺,為何她能成功呢?因為她把字串埋在標籤,而一般讀者看完本文後,通常不會注意標籤的字串,最後 copy & paste 就把標籤也一併複製了。+跪婦阿冠 bigsishead 在這個「Blogger中文社群討論串」詢問...
View ArticleFancybox, 既優雅又八面玲瓏的燈箱效果 (1)安裝說明
圖片為主的網站若使用燈箱效果,當特效執行時,相信能給予讀者很有質感的加分印象。而這次介紹的 fancybox 燈箱外掛,除了有優雅的展示畫面,更令人驚豔的是,就算不使用圖片的燈箱效果,只要發揮創意,Fancybox 還能做各種應用,例如文字幻燈片、影片彈出、以及這篇 +Mark X 介紹的「文字提示視窗」。而會寫 js、jquery 的話,fancybox 也有 API...
View Article需不需要從 Blogger 搬家到 Wordpress 的觀念釐清
(Pic from: sehabitat.com)部落格的成長週期若是大略區分,可看成三個階段:1. 免費部落格平台:例如痞客邦2. BLOGGER3. 自架站:例如 Wordpress(簡稱WP)等需要租用主機的平台這三個階段有何差別,花簡短篇幅介紹一下。一、部落格三階段1....
View Article