Blog設計技巧

| Posted on | Posted in

Blogspot官方網站就有提供「使用說明」,包含了:管理您的帳戶、自訂您的網誌、分享您的網誌、發佈及封存、行動Blogging、多媒體Blogging、FTP Migration Tool,基本上,可以把這裡當作基本字典來查, 或許沒有一般部落格文章介紹的生動易懂,但總是個可參考的資源。

在2010年,Blogspot更新了內建的版型設計方式,有興趣就看看下列這些文章吧:


在前一個選項頁面中,已經介紹了一些「Btemplates優質版型」,只要會先套用版型(參考這篇「Blogger 新手基本技巧問答(一)」),基本上就能讓你的部落格質感提升不少!不過,總是會有需要把版型的某些東西換成換成我們自己的,這樣才是真正屬於自己的部落格啊!所以,就必須學會下列技巧:

  • 若要換掉的是版型裡套用的圖片,那就要先有個地方存自己的圖片,然後把版型裡面的設定改成引用自己的圖片,那就行囉。所以,建議就直接利用Blogspot編輯文章的上傳圖片功能來將自己的圖片放到網路上,實際上也就是放到「Picasa網路相簿」,而上傳的過程中會被自動存成幾個不同解析度版本,要引用的是原圖解析度或某一種解析度的圖片,先看看這兩篇「Blogger圖片大小的控制」、「懶人法‧利用草稿文章來存模板系統圖片」的介紹吧。
  • 將自己的圖片放上網路了,那就可以瞭解如何改變版型裡面的設定囉,譬如換掉Banner吧,看看這篇「換Banner圖片及文章標題加上圖示」介紹相關的HTML碼在哪裡。




接著,想把部落格變成一個稍有規模的網站樣子,在Blogspot可以有10個獨立頁面並產生選項喔(就像這篇文章的頁面),那就要參考下列這些技巧囉:



部落格是否就一定只能長得差不多?都只能是網路日誌一篇一篇的樣子?不是的,善用一些網頁元素與嵌入元件,可以有很多變化喔!

當然,部落格的內容建置也是重點,而編輯時只要適當加入一些基本的HTML碼,就能讓內容不再只有圖片與文字而已。參考下列這些技巧囉:



部落格建置到一個程度之後,應該注意是否有做一些準備功夫讓自己的部落格能見度更高呢?請參考下列這些技巧:


以上的參考資料,來自於下列網站,日後繼續多多學習囉~