Google部落格設計教學大全 (Blogger Tutorials) (2015 Updated)


近三年來,一直使用Blogger的網誌,雖說這外國的網誌平台為博客提供了基本的模板,但如出一轍的版面總讓人覺得單調呆板;若套用第三方的設計,則略為欠缺個人風格;想要自行創作,又對網頁程式一竅不通...

要設計一個獨特的網誌看似不易,但網絡之大,總有速成之法。在外國,很多人以寫網誌作為職業,除了網誌的內容,他們也非常重視其設計,所以網誌設計的教學便應運而生,只要依照其步驟對模板少作修改,便可創作出適合自己的網誌。

自使用Blogger以來,已搜集了不少網誌設計的教學,在2013這新一年,決定套用pixeloplosan網站設計的作品,並加以修改,最後順利做出滿意的效果。

為了記錄曾經使用的教學,決定做一個大整理,列出一份Blogger設計的教學清單,給自己參考之餘,亦作分享之用。

A. Muous原創教學 (Muous Tutorials)

FeedBurner訂閱Blogger文章 ~ 顯示包含圖片的摘要(Read More)

無名小站、Yahoo! Blog 要倒了,該搬去哪個免費部落格平台?

Yahoo! Blogger搬家需知,如何無痛搬到Blogger及Pixnet? (12/9/2013 更新)

解決破圖問題,順利從Yahoo!Blog搬到Blogger

B. Blogger版型 (Blogspot Templates)

(Soratemplates) 高質素原創Blogger版型集

(Dzignine) 簡潔、清新網誌版型集

(Templateify) 獨特、自適應、已優化設計

C. Blogger教學 (Blogspot Tutorials)

50款部落格外掛、小工具,任你安裝! (Blogger Widgets/Gadgets)

整體版面配置(Blog layout)

標題設計(Blog Header Design)                                                             

背景設計(Background design)

文字及段落屬性(Word Design)

邊欄設計 (Sidebar Design)﹕
  1. How to Show and Hide Widgets in Blogger ?
  2. How to Make Each Sidebar Widget a Different Color on Blogger
  3. Widget customization - how to style each widget differently?
  4. How to create a scrolling or static sidebar menu
  5. jQuery change the .height when appending content
  6. 部落格浮動側邊欄(浮動廣告)__改良精簡版
  7. How-To: Removing Required Title from Blogger Image Gadget (New!)
留言欄設計(Comment Design)﹕
  1. Three Color Styles For Blogger Threaded Comments With Author Comments Highlighted
  2. 讓 Blogger 串聯式留言能由新到舊排序 (New!)
連結設計(Link Design)﹕
  1. Add Flashing Color Links To Blogger
  2. Cool New Christmas Snow Storm Effect For Blogger Blogs
內容排版﹕
  1. Blogger Tutorial: How To Divide Post Into Two (2) Columns?
  2. HOW TO WRAP TEXT AROUND A VIDEO
  3. HTML Background Code
  1. 如何讓網站不被 7headlines 用 IFRAME 內嵌框架 (New!)
(公告︰自從Miss Muou發表了Blogger教學文後,很多網友都留言或私問我相關問題。其實當初我沒有寫原創教學,而只是引用別人的文章,最主要原因是我不是這方面的專業,加上沒有這麼多時間回答所有細碎問題,心裡只想方便自己、方便他人。不過,很多網友都把我當作老師般,反覆地發問,Miss Muou只好發出這篇公告,今後關於Blogger教學的問題我也不會回覆了。當然,文章依然會更新,但請大家自行在文章中尋找合適的教學了,感謝!) 4/4/2014
【木偶小姐獨家折扣】
  1. 任何人於服飾店ZALORA購物,均可領85折優惠碼:BAPQGV6
  2. 用我的連結注冊淘粉吧,購買淘寶有現金回贈,怏來拿積分!
  3. BuyandShip送你50元運費,集運英美日韓淘寶商品,快按連結注冊!
  4. TopCashback網購,有現金回贈,立即注冊吧!
  5. 淘寶用神州集運,送你神州豆積分,記住填推介人︰muoushop
  6. 經連結註冊轉運四方,送你淘寶集運現金券,快來領取100元

Instagram

----------- ADSENSE -----------