[Hack]如何在blogger貼大尺寸的圖片

狂圖筆記：

blogger的發文系統有自帶的圖檔上傳的服務，可以讓你在發文的時候順便貼圖，

讓你的大作能圖文並茂，

可是原本一張大大的圖上傳到blogger後，它會自做主張的把你的圖檔自動縮小，

這樣顯示出來的圖就感覺整個的不爽啦，今天，我們來想想辦法把圖檔弄大一點，爽一點~

在開始貼大圖之前阿，我看先把你的版面可容許的最大圖寬設定一下，免得你貼的圖太大把版面稱破啦~

先到你的管理後台，設計→編輯html

找到下面這一行字：

]]></b:skin>

把下面這些代碼加在上面那行字的前面

img {
max-width: 560px;
width: expression(this.width > 560 ? 560: true);
}

經過這樣子定義之後，不管你貼的圖有多大，只要超過560px的圖都會自動縮小成560px，

這樣就不會撐破你的版型，560px可以視你的版面大小做調整~

接細來就來看看怎麼讓你的圖檔變大~

上傳後縮小的圖↓

它的代碼是↓
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeQmD92JK2TIfsqeMN2lD3sxDtM4z9KMN1Fu22rLAA_dEJ9hkgLzO3iX-7Zy982MZrOBy6iOLpMrQEV0YMWBdTEBYe6VeemEQQCrIaNxC-vqHV85WpNDuWO-GFHwUf7NJ8DYjct-H3aWE/s1600/2398.gif"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeQmD92JK2TIfsqeMN2lD3sxDtM4z9KMN1Fu22rLAA_dEJ9hkgLzO3iX-7Zy982MZrOBy6iOLpMrQEV0YMWBdTEBYe6VeemEQQCrIaNxC-vqHV85WpNDuWO-GFHwUf7NJ8DYjct-H3aWE/s400/2398.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5500853123104924114" /></a>

把劃紅線的地方稍做修改成以下↓
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeQmD92JK2TIfsqeMN2lD3sxDtM4z9KMN1Fu22rLAA_dEJ9hkgLzO3iX-7Zy982MZrOBy6iOLpMrQEV0YMWBdTEBYe6VeemEQQCrIaNxC-vqHV85WpNDuWO-GFHwUf7NJ8DYjct-H3aWE/s1600/2398.gif"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeQmD92JK2TIfsqeMN2lD3sxDtM4z9KMN1Fu22rLAA_dEJ9hkgLzO3iX-7Zy982MZrOBy6iOLpMrQEV0YMWBdTEBYe6VeemEQQCrIaNxC-vqHV85WpNDuWO-GFHwUf7NJ8DYjct-H3aWE/s1200/2398.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5500853123104924114" /></a>

如上代碼所示，width與height的設限取消，s400改成s1200(或改成s800，s1600都可以，數值越大圖檔越大)，

這樣更改後，出來的圖就變成下面大大的爽圖啦~↓

有需要的試試吧~

(太久沒寫這種文了~~zzzzz)

註：有些代碼跑到框框外了，不要理它啦，原理就是如此如此這般這般~