01. 進入管理後台,到「部落格」的後台

02. 左邊樣式管理/樣式設計精靈

如何貼上CSS教學-01.png

 

 

03. CSS原始碼編輯

04. 選擇模板:痞客模版(每種模版的標籤不同,所以不能選錯喔)

如何貼上CSS教學-02.png

 

05. 點進文章內的超連結(也就是下面那個網址@@)
http://smallwu36.googlepages.com/20090421blogcss_xjapan

如何貼上CSS教學-03.png

 

06. 進入google的網頁,把內文的CSS全部複製起來。

大量複製小技巧:(1) 先選擇文章開頭一小部份
        (2) 使用滑鼠滾輪或是網頁旁的捲軸,把網頁拉到最底端。
        (3) 按住 Shift 鍵
        (4) 點一下文章最尾端。頭尾就會全部選起來了!

如何貼上CSS教學-04.png

 

07. 複製(Ctrl+C)

如何貼上CSS教學-05.png

 

08. 回到部落格後台的CSS原始碼編輯,貼上剛剛複製的語法(Ctrl+V)

09. 存檔(Ctrl+S)。到部落格前台看,就可以看到樣式囉:)

如何貼上CSS教學-06.png

 

 

 

這邊是設定內文圖片自動縮小,可設可不設。「X JAPAN網誌樣式」原則上建議設定615 px

10. 部落格管理,基本/進階設定

11. 文章圖片大小,強制調整至__px

 如何貼上CSS教學-07.png

 

祝大家使用新樣式愉快^^

 

 

    全站熱搜

    小無 發表在 痞客邦 留言(1) 人氣()