第23章利用CSS美化您的部落格.PPTVIP

側邊欄位區與主要內容區的寬度設定如底下示意圖。 23-2-4 設定橫幅區 #login-bar #banner h1 a /*--登入功能列-- */ #login-bar{ text-align:center;} /*--部落格標題--*/ #banner h1 a{ font-family:Westwood LET; color:#E90080; font-size: 40pt; margin-left: 700px; } 23-2-5 設定超連結與項目符號 文章分類欄位 近期文章欄位 /*--文章分類的文章分類名稱--*/ 文字往右移動23px，才不會與項目符號重疊#category .box-text li a{background:url(/albums/userpics/0/1/796201/1215060010.gif) no-repeat left;padding: 23px;} 文字往右移動23px，才不會與項目符號重疊 /*--近期文章文章標題--*/ #recent-article .box-text a{background:url(/albums/userpics/0/1/796201/1215060010.gif) no-repeat left;padding: 23px;} 23-2-6 設定文章標題 文章標題 /*--文章標題--*/ .title h2{padding: 0px 0px 1px 50px;background: url(/albums/userpics/0/1/796201/1215021748.gif) no-repeat left;} 第23章 利用CSS美化您的部落格 23-1 認識部落格 23-1-1 部落格的由來 經營者類型 部落格名稱 網址 入口網站 Yahoo!奇摩部落格 / yam天空部落 / 新浪部落 .tw/ PCHome新聞台Blog .tw/ 電信業者 Xuite日誌 / 媒體 中時部落格 / Udn部落格 / 其他 無名小站 http://www.wretch.cc/blog/ PIXNET痞客邦 / 樂多日誌 / 23-1-2 部落格的構成要素 發表文章 23-1-2 部落格的構成要素 分類導覽 23-1-2 部落格的構成要素 互動 回應 引用 23-1-2 部落格的構成要素 訂閱與串連 當您的部落格有更新內容時，要如何讓讀者知道呢？除了傳統的發送E-Mail以及發行電子報之外，在部落格裡有一種新的資訊交換技術，叫做RSS，透過它就可以輕易讓讀者收到網站更新的訊息。 23-1-2 部落格的構成要素 RSS RSS(Really Simple Syndication)是一種用來匯集網頁內容的XML格式，讀者只要知道RSS網址就可以訂閱，訂閱RSS後，只要透過 RSS 閱讀器，就可看到即時更新的內容，RSS常運用在部落格以及新聞網站。 大多數的部落格系統，多半會提供RSS，讀者只要訂閱部落格上的RSS feed，就可以在第一時間獲取網站更新的資訊。同時，透過RSS的串連，可以組成屬於自己專屬的部落格聯播。 下圖為google reader畫面。 23-1-3 如何擁有及使用部落格 1.系統服務商的穩定度 系統不穩定的話，用心經營的部落格可能一夕之間付之東流，通常大型的部落格會定期維護系統，穩定度較高。 2.網站人氣 有些部落格會精心設計一些吸引人氣的主題，例如今日話題、熱門排行或名人部落格等等來吸引網友使用部落格。 3.社群互動 部落格之間彼此可以形成一個社群，在系統功能上要能達到「同步化」，讓您在部落格發表文章時，能同步更新到社群，當有迴響或引用時，也能同步更新兩邊的部落格。 23-1-3 如何擁有及使用部落格 4.操作介面 一個好的部落格，最基本的就是容易操作的介面，部落格介面通常會有使用介面以及管理介面。在管理介面裡，會提供部落格外觀樣版以及自訂樣式的功能，並且要能使用CSS來自訂樣式。  23-1-3 如何擁有及使用部落格 申請部落格的步驟如下 1.進入Pixnet部落格首頁(/art/)，按下「免費註冊」，填妥申請資料，再依照申請流程啟動帳號即可完成帳號的申請。 2.登入之後就可以開始使用Pixnet所有服務。 3.登入之後，點選「部落格」服務。 23-1-3 如何擁有及使用部落格 設定部落格版型的步驟如下 1.進入「我的後台」，也就是管理者介面。 2.在「網誌管理」標籤畫面裡可以設定部落格名稱、網站描述以及網誌是否開放等基本設定，「文章管理」標籤畫面則是關於文章的設定，包括文章筆數、頁數、是否允許回