Blogger「留言欄訊息」自訂版面及樣式的方法__兼談留言字詞驗證
2017.7.25 公告： 留言訊息注意事項已有新版處理方式，可參考「 讓 Blogger 留言注意事項能隨留言框移動，訪客才能真正看到 」。 撰寫 Blogger 的「 留言欄訊息 」（就是留言欄上方的張貼意見）時，長期以來一直有幾個困擾： 1. 只有少數幾個 HTML...
繼續閱讀全文Chrome 開發人員工具__調整部落格版面實作
(Pic from: developers.google.com ) 主流瀏覽器的體積大、吃記憶體兇、功能包山包海，如果只拿來上網是有點可惜。既然已經佔用系統那麼多資源，是該讓他多做點事，以 Chrome 為例，可「 收信 」、「 記事待辦 」、或「 其他功能 」。如果純上網的...
繼續閱讀全文[教學]讓網頁使用各種特殊文字區塊__(2) 實作範例「公告+修訂區塊」(CSS 技巧)
![[教學]讓網頁使用各種特殊文字區塊__(2) 實作範例「公告+修訂區塊」(CSS 技巧)](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh617Kqcwh7ASudzV_mVxuz7SBWh4VjPULq_BLF_QjleJR-HvKr_mRhPhxnFjcN25i6DrriY7KHKbdXjskfe0x7vVMOH3PuWy_ZZGdB4aJZRm3f-d7KClRhANdc6UJeCOKT5tsFO9B4RZT2/s1600/important.jpg)
(Pic from: psdgraphics.com ) 寫完「 第一篇 」後，覺得內容稍微硬了一些，如有個實作的例子相佐會比較容易吸收，奈何文長已經無法再塞入舉例內容，因此就把實例留到本篇了。 一般文章常見的特殊文字區塊有公告區、修訂(增補、註釋)區、參考資料區等等，而本...
繼續閱讀全文讓網頁文字使用各種底線圖案__(2) 找出行高的簡易方法
一、找出行高值的困難性 「 上一篇 」製作底線圖案的一個重要步驟為找出「行高」line-height 的像素(px) 值，如此底線圖案才能正常顯示。不過經由上一篇【留言 #04】、【留言 #05】的提問，才赫然發現這個 line-height 的 px 值似乎沒這麼好找。 ...
繼續閱讀全文部落格廣告(BloggerAds)卡住網頁載入的完整解決方案
(Pic from: htcexperiments.org ) 目前台灣部落格的前兩大廣告商為「 Google Adsense 」與「 BloggerAds 」，Google Adsense 挾帶自家龐大資料庫的優點，因此 廣告相關性很精準 ；BloggerAds 的好處是只要...
繼續閱讀全文
