2012年7月21日 星期六

365-145 <教學>更改Blogger - 樣式和背景

猴子教學文來了!
今天要加大家的是超級基本的:更改樣式和背景

第一個先放這個題目是因為
往後不管是哪個動作都需要用到超地獄的HTML
先把架構選好有好有壞
好處:選個最接近的樣式,要改的就少
壞處:不是自己寫的程式,有時候不知道從何下手
但是空白一片要我們這種生手怎麼寫
也是要從舊有的改囉!

可以選網頁最右上角的“設計”

進入這個畫面
當然可以直接下手去改
但提綱挈領,對於往後的更改會更便利

先選網頁(這個部份可自由取捨) 
可以新增空白網頁或連結
空白網頁:一個新的文章,可以當作“公告”來使用
連結:點下去會到另一個網頁

然後選擇這些按鈕要放在網頁的哪裡
調整一下他們順序

好啦~像是這樣

接著到版面配置
把想要的小工具加進去,至於順序可以等等再來調整
可以增加熱門文章、圖片、投票等等

回到範本,選擇“自訂”

跟逛街一樣
到範本選個適合的衣服穿上去
他有幾種風格,然後有幾種顏色
但是!!
當然不是叫你選顏色或背景圖案,而是看他的細節

舉例來說:
看看文章和小工具的背景
網頁的樣式
日期樣式
圖片的外框樣式等等

↓像是同個風格不同樣式就有一點不同 
記得可以滾來滾去看上看下喔!

將將~我選了這個!

背景
可以點背景旁邊的到三角型

會跳出一個對話框
你可以上傳自己的圖片
或是選擇它的圖片

但是注意圖片太小他會自動重複
當然你可以選擇重複的方式
但是他只會水平垂直的重複
所以如果想要圖片有斜向等等的方式重複
自己在畫背景圖時就要算好囉>.0

可以看旁邊有個“隨頁面捲動”
如果不勾的話
網下看網頁時,背景就不會動唷!

調整寬度
調整文章和旁邊小工具的寬度
這個比例阿,是很重要的= =+

版面配置
就是小工具和文章分成幾欄,怎麼分


將將,我調這樣

之後再回去網頁他們的位置就好了=D

進階
 就是把字體顏色、外框顏色改一改
當然你會發現有很多地方不能改
那也無所謂,之後html都可以改

將將~最後變成這樣了!
這次配色走“灰色跟紫色”風格
不過應該還會再做調整就是了=D

可以點到美食網看最後的成果唷!

6 則留言:

  1. 哇!!!
    現在的版面首圖好漂亮好想點 > <

    張張已經步上熱門部落格的道路上了 : D

    回覆刪除
    回覆
    1. 哈哈哈~~這個首圖真的是點下去也不會有事情發生XD

      離熱門部落格的路我看還有很遠呢((遠目也是看不到XD
      因為我的內容太雜亂了這樣= =+

      刪除
  2. gooooooooooooood!!!!!
    有空來試試 不過要先把我想要的背景畫出來

    回覆刪除
    回覆
    1. 也不一定要畫什麼阿
      選張漂亮的圖也是不錯的選擇>.0
      不要讓背景變成你遲遲不動手的絆腳石=D

      刪除
  3. 話說我發現右邊的"熱門文章"
    那個好酷喔!!也會也教學文嗎?????
    她會自己把你最熱門的文章抓出來喔?
    張張真的離知名部落客越來越近了>//////<

    回覆刪除
    回覆
    1. 那個是小工具裡的其中一個
      他可以選擇時間,看是累積、30天、7天內的熱門文章
      會自己顯示出來這樣
      哈哈哈~~我離知名部落客還很遠拉
      只是把自己弄得“好像”是知名部落客而已

      刪除