發表文章

目前顯示的是有「Google Blogger」標籤的文章

Blogger Template 的 CSS 外觀說明 (Variable definitions)

圖片
[ 前言 ] Google Blogger 是一個自由且擴充容易的部落格(Blog),可惜的是 Blogger 預設的模板樣式 (template) 太單調,選擇性不多,想自己修改又看不懂,雖然網路上很多免費的模板,可是套用了又有一定的風險,例如編輯鉛筆的圖示不見,原本該有的功能失效,甚至跳出一堆錯誤訊息視窗等等,而且規格似乎沒有統一,每套用一次就要重新了解模板內容,真的很讓人頭痛。 為了解決上述問題,最好的方法就是自己動手修改模板 (template) ,或許你會說:「我都看不懂,要如何改?」那麼你不仿繼續往下閱讀,或許會對 Blogger 有更進一步了解哦。

在 Blogger 加入引用文章網址的對話框

圖片
[ 前言 ] 現在許多的 Blog 都有提供引用文章的機制,而 Google Blogger 目前並沒有提供 引用文章 的功能,所以 小K 就思考怎麼樣才能有這樣的功能,最後只想到把文章網址顯示在對話框裡並提供讀者點選就能複製的功能,展示結果如圖1。 圖1

自動顯示 / 隱藏 Blogger 導覽列

[ 前言 ] 有使用 Google Blogger 的人都知道 Blogger 最上方有個 導覽列 ,但是大多數人看到那個導覽列應該都覺得不美觀、很礙眼,不然就是感覺與版型有點不搭,那麼我們能不能把它移除掉呢? 答案是可以的,Google Blogger 最大優點就是不限制一堆有的沒的,很自由,但是移除掉之後要進入管理頁面就有點麻煩,所以把 Blogger導覽列 用自動顯示/隱藏的方式來處理是一個蠻不錯的方式。

為什麼 Blogger 使用 ThickBox 圖片失效

[ 前言 ] Blogger 的部落客如果有使用過 jQuery 的 Plugin,例如 ThickBox、LightBox 等等。那麼可能會發現一個問題,那就是 圖片失效 了,原來是圖片上傳到 Picasa 後,插入的 圖片連結 會自動補上 -h ,所以在圖片連結上可以找到 s1600-h 的字樣,這樣一來連結到的就不是圖片的真正位置,當然會看不到圖片,Google 這樣做的目的應該是要防止圖片被直接連結,這樣是不是就不能使用 ThickBox 或是 LightBox 了呢? 答案是可以的,繼續看下去就對了。

在 Blogger 加入相關文章的功能

[ 前言 ] 當文章越發越多,讀者可能沒那麼多時間一一檢視你的文章,但是又想讓讀者可以閱讀其他文章,因此可以在每篇文章的底部隨機列出 相關文章 標題方便讀者閱讀其他感興趣的文章,是不是很貼心呢,馬上開始動手做吧。

Blogger 基本架構介紹

圖片
[ 前言 ] 相信有不少人因為看不懂 Blogger 的 架構 和 語法 ,想修改版面卻不知從何下手,因而放棄 Blogger,真的很可惜,所以小K就先大概介紹一下 Blogger 的 架構 ,讓新加入 Blogger 或是想更了解 Blogger 的人能有進一步的認識。

為什麼選擇 Google Blogger

[ 前言 ] 一直以來就想要建個部落格(Blog)來紀錄自己常常會重複翻閱的東西,不然每次都要東翻西找,真的很不方便,只是一直沒什麼時間(其實是懶),看大家玩部落格玩的這麼開心,所以就決定也參一腳玩看看好了,但是這麼多部落格 (Blog) 中到底哪一種比較好呢? 大概是我完美主義作祟,讓我想了好久,終於,就決定是你了「Google Blogger」,至於選擇 Google Blogger 的原因是什麼,請繼續往下閱讀吧。

在 Blogger 對外連結另開新視窗

[ 前言 ] 當我們在寫網誌時,免不了使用 超連結 來連結圖片、文章的參考來源或是連結到一些不錯的網站,但是問題來了,因為 Blogger 本身預設的連結是同一頁,也就是同一個 視窗 ,那麼如果讀者點擊了這些連結就表示離開了你的 Blogger ,有使用 Google Analytics 的應該知道,它有一個分析的欄位是「跳出率」,如果你的網站或是部落格(Blog)的文章很吸引讀者,人氣也很旺,但是發現跳出率太高,那麼就要注意一下是不是這個原因造成的。 或許你會說 超連結 可以設定「_blank」這個屬性 開新視窗 阿,你說的一點都沒錯,但是對於像我一樣懶惰的人來說,每次連結都要設定「_blank」屬性,覺得很麻煩的說,因此有個比較方便的辦法可以自動辨別假如不是同一個網域的網頁,也稱做 外部連結 ,就是連結到別人的網站或部落格(Blog)時,會自動 開新視窗 ,是不是很方便阿,馬上就來實做一下吧。

在 Blogger 中使用 隱藏全文 / 繼續閱讀 的功能

[ 前言 ] 隨著時間 Blogger 文章越寫越多,內容也越來越豐富,這時候可能會發現一個問題,怎麼在首頁卷軸要拉好久才拉到底部,例如 1 篇文章有 50 行,那麼 7 篇文章就有 350 行了,真是好長一串阿,這樣會有什麼情況發生呢? 版面感覺很亂不整齊。 讀者不容易挑選自己想閱讀的文章。 因全文顯示而讀取速度慢,使得讀者沒耐心而離開。 為了改善上述的問題,因此 小K 在網路上找到一篇 Blogger Beta 中 Read More 與 Archive 只顯示標題 的文章,使用方法很簡單,不多說,趕快看看怎麼使用吧。

在 Blogger 中使用 SyntaxHighlighter 讓程式碼更容易閱讀

圖片
[ 前言 ] 當我們在撰寫網誌時,有時候需要貼程式碼,可是貼到網誌上的 程式碼 並不會乖乖的聽話,使得版面亂七八遭不容易閱讀,看起來也不 美觀 ,該怎麼辦呢? 這時候有個好幫手,就叫做 SyntaxHighlighter。 那 SyntaxHighlighter 是什麼呢? SyntaxHighlighter 是一個能讓你張貼的 程式碼美化 ,不僅看起來 美觀 、 整齊 ,也 方便閱讀 ,是一個非常不錯的小工具。 [ SyntaxHighlighter 展示 ] 圖1