2013年11月5日星期二

一次過設定Blogspot圖片大小


不少網友搬家時遇到圖片大小的問題,由於圖片很多,大家想一次過修改所有圖片的大小。

設定的方法很簡單!

只需到「範本」的「自訂」那裏:

到「進階」>「新增CSS」,在「新增自訂CSS」那裏貼上下面的程式碼:

程式碼:




程式碼分成.post-blog img和 .post table.tr-caption-container img兩部分:第一部分.post-blog img是沒有加標題的圖片,第二部分.post table.tr-caption-container img是加上標題的圖片。


程式碼中,width(闊度)設定為500px,height(高度)設定為auto(自動)(即是按圖片比例自動修改成合適的高度)。大家可以按自己的喜好修改。(闊度或高度的數值,除了px,還可以選用%啊!)


*如果你原來已經為每張圖片獨立設定好大小,請在上面的數值後面加上!important字樣(如:width: 500px!important)。!important代表它很重要,即使有其他圖片大小的指令,電腦還是要聽你已加上!important的指令。


****推介閱讀:
網誌圖片最佳大小



>> 繼續閱讀《Blospot教學

>> 你可能會喜歡豆丁的其他文章:
         *《Good Morning
         *《美加秋天的天空
         *《「龍蝦之都」之美食篇
         *《善事與善心
         *《健康、易做焗金菇肥牛卷(簡單食譜)

46 則留言:

  1. 就算平時貼相相都遇到許多困難,不過,希望慢慢熟悉咗會好D啦!

    回覆刪除
  2. 真係愛死你。 成日都知道我哋啲 blogger 煩惱。 ^3^

    回覆刪除
  3. 認真好用心研究啵!圖片呢樣都真係晒佐好多時間同發 post 進度。

    回覆刪除
  4. set咗個碼, 但係連D表情符號都放大埋

    回覆刪除
  5. 我改左之後, 連打直既相width都變左500px, 成張相變左四方形

    回覆刪除
    回覆
    1. 我d新相上傳左上flickr, size自己set好, 冇問題. 係d舊相size大左d, 唔理佢喇~
      多謝你既分享!

      刪除
  6. 試咗, OK . 言身寸 言身寸 ! !

    回覆刪除
  7. XDDDD 仲話好簡單,, 不是豆丁0////0我也不知道呢~謝謝你喔>3<

    回覆刪除
  8. 請問網誌標题上的相片可以缩小嗎?

    回覆刪除
    回覆
    1. 建議自己以圖片編輯軟件修改大小,不然的話,需要尋找自己網誌的標題圖片的程式代碼,再作出修改。

      刪除
  9. 我貼咗你個程式碼,跟住click「套用至網誌」,但size大咗嘅相依然咁大冇變到,而啲emotion icon就變到超大,點解會咁?

    回覆刪除
    回覆
    1. 我去了你的網站看,發現每張照片都設定了大小,所以你要在設定的數值後面加上!important,以覆蓋原有的指令。你的emoticons原來就沒有設定大小,所以就聽了你新加的指令了。因為表情符號也是圖片,所以全部都會變大呢^^"" (Pucca, 我發現你的圖片還是Yahoo! Blog的網址,你知道Yahoo! Blog關閉時,圖片會消失嗎?)

      刪除
    2. 怎麼會這樣?我明明已跟的方法改了是,請問有什麼補救方法?

      刪除
    3. 要處理你的圖片網址問題嗎?可參考我寫的搬家文(http://seeddauding.blogspot.com/2013/09/from-yahoo-to-blogspot.html)如果想容易一點,可考慮搬到WeShare。(可參考《從Yahoo! Blog搬到WeShare》:http://seeddauding.blogspot.com/2013/10/from-yblog-to-weshare.html)

      至於圖片大小問題:由於電腦是看程式碼工作的,而emoticons和其他圖片都是圖片,所以很難一次過設定圖片大小啊…

      刪除
  10. 豆丁成日都有d實用既教學,真係blogspot專家了﹗

    回覆刪除
  11. 豆丁,又要來煩你了!因始終摸不慣Google的模式!寫新網誌時加照片,經Picasa上傳,「原size」偏大,改選「大」又偏小,如何可設定新上載的相片size喜好呢?請指點迷津津!^^

    回覆刪除
    回覆
    1. 可以自己先行調整圖片大小,然後才放上網~^^

      刪除
    2. 「先自行調整圖片大小」的意思是將照片像素resize嗎?麻煩詳細指引我這個傻瓜^^

      刪除
    3. 是的~就是像素resize~ 你很聰明啊~ (我本來打算寫一篇文章「調整圖片大小」的文章,但是太忙了,還沒有寫^^"" 2014年寫吧~~~~^^)

      刪除
    4. Mrsa Kwok,寫好了^^ 希望你喜歡~

      刪除
  12. 此留言已被作者移除。

    回覆刪除
    回覆
    1. 原本遇到困難想請教你,但今早已能解決了!
      但都謝謝你詳盡的教導,使我能按自己的喜好去設定自己的部落。

      刪除
    2. 對不起啊,沒有很快回應!因為我剛好坐飛機,從加拿大回香港呢@@(24小時啊~~~~)解決了就好了^^

      刪除
  13. 我在圖片大小 set 了 500x350, 可是連打直的相都要出 width 500, 打直的相拉闊了, 變得好模糊, 請問圖片大小可以分開橫 / 直 set 嗎?

    回覆刪除
    回覆
    1. 分開設定橫直圖片的話,需要較複雜的程式碼。或者你可以考慮上載圖片前先調整好圖片大小,請參閱:《網誌圖片最佳大小》(2014.01.11)
      http://seeddauding.blogspot.com/2014/01/picture-resize.html

      刪除
  14. 就是有一个问题,直图的宽度和横图的长度一样 就是直图比较大了。不能一样吗?应该怎么样设定一样

    回覆刪除
    回覆
    1. 分開設定橫直圖片的話,需要複雜的程式碼。或者你可以考慮上載圖片前先調整好圖片大小,請參閱:《網誌圖片最佳大小》
      http://seeddauding.blogspot.com/2014/01/picture-resize.html

      刪除
  15. 豆丁 您好, 感謝您無私的分享啊!
    原本我的網誌的圖片尺寸令我好懊惱 /0\
    但現在看起來好像比較 吸引了 感謝萬分! 期待您更多的教學啊

    回覆刪除

Related Posts Plugin for WordPress, Blogger...