不少網友搬家時遇到圖片大小的問題,由於圖片很多,大家想一次過修改所有圖片的大小。
設定的方法很簡單!
只需到「範本」的「自訂」那裏:
到「進階」>「新增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》
*《美加秋天的天空》
*《「龍蝦之都」之美食篇》
*《善事與善心》
*《健康、易做焗金菇肥牛卷(簡單食譜)》
又幾方便喎.
回覆刪除就算平時貼相相都遇到許多困難,不過,希望慢慢熟悉咗會好D啦!
回覆刪除很好的分享,謝謝你!
回覆刪除謝謝.. 好方便好快呀... :)
回覆刪除原來可以咁.
回覆刪除真係愛死你。 成日都知道我哋啲 blogger 煩惱。 ^3^
回覆刪除小寶,你的留言甜死我啦~~~~~~^^
刪除你真係好熱心幫人.
回覆刪除認真好用心研究啵!圖片呢樣都真係晒佐好多時間同發 post 進度。
回覆刪除謝謝分享!
回覆刪除set咗個碼, 但係連D表情符號都放大埋
回覆刪除Me too! :(
刪除因為表情符號也是圖片,所以全部都會變大呢^^""
刪除非常有用, 謝謝分享!
回覆刪除我改左之後, 連打直既相width都變左500px, 成張相變左四方形
回覆刪除你可以選擇使用%試試看~
刪除我d新相上傳左上flickr, size自己set好, 冇問題. 係d舊相size大左d, 唔理佢喇~
刪除多謝你既分享!
試咗, OK . 言身寸 言身寸 ! !
回覆刪除XDDDD 仲話好簡單,, 不是豆丁0////0我也不知道呢~謝謝你喔>3<
回覆刪除謝謝你,
回覆刪除很有用!
謝謝提供!
回覆刪除謝分享
回覆刪除CSS 複雜呢
回覆刪除你好叻呀
回覆刪除請問網誌標题上的相片可以缩小嗎?
回覆刪除建議自己以圖片編輯軟件修改大小,不然的話,需要尋找自己網誌的標題圖片的程式代碼,再作出修改。
刪除我貼咗你個程式碼,跟住click「套用至網誌」,但size大咗嘅相依然咁大冇變到,而啲emotion icon就變到超大,點解會咁?
回覆刪除我去了你的網站看,發現每張照片都設定了大小,所以你要在設定的數值後面加上!important,以覆蓋原有的指令。你的emoticons原來就沒有設定大小,所以就聽了你新加的指令了。因為表情符號也是圖片,所以全部都會變大呢^^"" (Pucca, 我發現你的圖片還是Yahoo! Blog的網址,你知道Yahoo! Blog關閉時,圖片會消失嗎?)
刪除怎麼會這樣?我明明已跟的方法改了是,請問有什麼補救方法?
刪除要處理你的圖片網址問題嗎?可參考我寫的搬家文(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和其他圖片都是圖片,所以很難一次過設定圖片大小啊…
豆丁成日都有d實用既教學,真係blogspot專家了﹗
回覆刪除豆丁,又要來煩你了!因始終摸不慣Google的模式!寫新網誌時加照片,經Picasa上傳,「原size」偏大,改選「大」又偏小,如何可設定新上載的相片size喜好呢?請指點迷津津!^^
回覆刪除可以自己先行調整圖片大小,然後才放上網~^^
刪除「先自行調整圖片大小」的意思是將照片像素resize嗎?麻煩詳細指引我這個傻瓜^^
刪除是的~就是像素resize~ 你很聰明啊~ (我本來打算寫一篇文章「調整圖片大小」的文章,但是太忙了,還沒有寫^^"" 2014年寫吧~~~~^^)
刪除嘻嘻,等你!
刪除Mrsa Kwok,寫好了^^ 希望你喜歡~
刪除此留言已被作者移除。
回覆刪除原本遇到困難想請教你,但今早已能解決了!
刪除但都謝謝你詳盡的教導,使我能按自己的喜好去設定自己的部落。
對不起啊,沒有很快回應!因為我剛好坐飛機,從加拿大回香港呢@@(24小時啊~~~~)解決了就好了^^
刪除我在圖片大小 set 了 500x350, 可是連打直的相都要出 width 500, 打直的相拉闊了, 變得好模糊, 請問圖片大小可以分開橫 / 直 set 嗎?
回覆刪除分開設定橫直圖片的話,需要較複雜的程式碼。或者你可以考慮上載圖片前先調整好圖片大小,請參閱:《網誌圖片最佳大小》(2014.01.11)
刪除http://seeddauding.blogspot.com/2014/01/picture-resize.html
就是有一个问题,直图的宽度和横图的长度一样 就是直图比较大了。不能一样吗?应该怎么样设定一样
回覆刪除分開設定橫直圖片的話,需要複雜的程式碼。或者你可以考慮上載圖片前先調整好圖片大小,請參閱:《網誌圖片最佳大小》
刪除http://seeddauding.blogspot.com/2014/01/picture-resize.html
豆丁 您好, 感謝您無私的分享啊!
回覆刪除原本我的網誌的圖片尺寸令我好懊惱 /0\
但現在看起來好像比較 吸引了 感謝萬分! 期待您更多的教學啊
感謝,幫了大忙~!
回覆刪除