星期二, 六月 23, 2009

如何更換Blogger的背景圖


剛剛看到留言有人問,正好覺得電腦方面的相關文章太少,所以就來打一篇教學吧~
(這時如果補一句:「絕對不是為了XXX喔」,就會變成標準的傲嬌發言了吧…
既然都提到傲嬌了,本次的心情圖示當然就是目前動漫界的一方傲嬌:柊 鏡小姐
kagami
OK,閒話休提,我們進正題吧…(好像都是我自己在扯…)



  1. 首先當然是進
    控制主頁→版面配置→修改HTML
    強烈建議在做任何修改以前,先利用Blogger本身的備份功能把自己的模板給備份到電腦裡
    這樣以後不管出了什麼問題,最少都還救的回來

  2. 再來到「修改範本」裡找到這段程式碼 非摘要部分

    body {
    background:#ffffff;

  3. 接下來只要將
    background:#ffffff;
    代換成
    background:url(http://你的背景圖位置)
    就可以了,當然,你放圖的空間要支援外連

  4. 完了嗎?當然還沒…(拖)
    因為這樣的話只會在背景放一張圖罷了
    所以接下來有這幾種語法的組合運用
    • 無限拼貼語法:
      background:url(http://你的背景圖位置) repeat;
      你就會有一張會複製到滿滿的背景圖
      僅縱向拼貼語法:
      background:url(http://你的背景圖位置) repeat-y top left;
      你就會有一張會縱向複製,頂上靠左的背景圖
      僅橫向拼貼語法:
      background:url(http://你的背景圖位置) repeat-x top left;
      你就會有一張會橫向複製,頂上靠左的背景圖
      一張大底圖居中語法:
      background:url(http://你的背景圖位置) no-repeat top center;
      你就會擁有單張,頂上居中的大圖囉~
      如果你想將圖給固定住,不隨著上下拖拉移動,則在下一行自行加上固定命令語法即可,語法如下:
      background-attachment:fixed;
      這句語法就是命令你的背景圖固定不動的語句

  5. 其實就上面的語法應用,可以很容易的看出來
    要控制方向,其實就是下面這幾個元素的組合
    top與bottom是上下
    而left、right與center分別就是左、右與置中
    很簡單吧?

  6. 最後要注意的就是背景圖與自己網誌的各種搭配了,這方面就自己慢慢去試吧
    我是建議不要太花俏,要不然會影響閱讀的

P.S.1:
本來在寫的春香7,因為這篇,就延期到明天吧~(非常明顯的藉口)

P.S.2:
光看上面那張心情圖示可能不太瞭解什麼叫「傲嬌
沒關係,下面這張是標準範例,保證一目瞭然~(拖)

c200762615518



粉色物語閣



没有评论: