在這邊,先簡易地做Blog寫文章的說明:
建立新文章:
在這裡,若選擇<插入圖片>,將你的圖片選好後,
(註:通常在寫遊記文章時,都不會是以下這樣一張一張選,都是全部上傳到網路空間後,再貼圖過來Blogger 的~~參考等等會講到的:「圖檔貼到Blog裡的方式」)
它最後會長成以下的頁面的樣子。
然後,你點選到 HTML 的模式:
你將會看到如下資訊:
通常一張圖,我都只會留下 img 這一個標千裡的內容,把其它的資訊都拿掉:
僅變成這樣的格式:<img src="XXX"/>
而只要是放在Google 的圖片,它的 html img src 資訊,都會有/s1600/ 這類的資訊
(它代表 圖片要呈現的大小)
所以,我會將 /s1600/ 的資訊,全部替換成 最符合本網站大小的: /s800/ (指寬度800)
這樣,最後看到的結果就如所看到的這樣。
==========================================
圖檔貼到Blog裡的方式:
==========================================
以下圖的網站圖檔為例:
我要將它加入至我的Blog 文章,很簡單:就是在圖檔上按右鍵,會出現以下
然後再到你的Blog編輯區按右鍵把它貼上:(快速鍵,就是Ctrl+V 把它貼上)
最後就會看到你把它貼過來的圖片了 (其實它的HTML資訊只是Copy 它的Html Img 資訊而已)
而你會看到,上面這張圖,超過了版面寬度800的限制(就長成上面的樣子),
所以,我會調整它 HTML 的資訊:
切到HTML 模式,
然後你會看到這張圖,它的這個區間的資訊是 /w913-h685-no/ 這資訊 (總之在這區段的就是在描述它的長寬的)
就把它改成 /s800/後,你就會看到以下合適的寬度了 ^^
(THE END)
建立新文章:
在這裡,若選擇<插入圖片>,將你的圖片選好後,
(註:通常在寫遊記文章時,都不會是以下這樣一張一張選,都是全部上傳到網路空間後,再貼圖過來Blogger 的~~參考等等會講到的:「圖檔貼到Blog裡的方式」)
它最後會長成以下的頁面的樣子。
然後,你點選到 HTML 的模式:
你將會看到如下資訊:
通常一張圖,我都只會留下 img 這一個標千裡的內容,把其它的資訊都拿掉:
僅變成這樣的格式:<img src="XXX"/>
而只要是放在Google 的圖片,它的 html img src 資訊,都會有/s1600/ 這類的資訊
(它代表 圖片要呈現的大小)
所以,我會將 /s1600/ 的資訊,全部替換成 最符合本網站大小的: /s800/ (指寬度800)
這樣,最後看到的結果就如所看到的這樣。
==========================================
圖檔貼到Blog裡的方式:
==========================================
以下圖的網站圖檔為例:
我要將它加入至我的Blog 文章,很簡單:就是在圖檔上按右鍵,會出現以下
然後再到你的Blog編輯區按右鍵把它貼上:(快速鍵,就是Ctrl+V 把它貼上)
最後就會看到你把它貼過來的圖片了 (其實它的HTML資訊只是Copy 它的Html Img 資訊而已)
而你會看到,上面這張圖,超過了版面寬度800的限制(就長成上面的樣子),
所以,我會調整它 HTML 的資訊:
切到HTML 模式,
然後你會看到這張圖,它的這個區間的資訊是 /w913-h685-no/ 這資訊 (總之在這區段的就是在描述它的長寬的)
就把它改成 /s800/後,你就會看到以下合適的寬度了 ^^
(THE END)
0 意見:
張貼留言