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


狂圖筆記:

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

讓你的大作能圖文並茂,

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

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


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

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

找到下面這一行字:

]]></b:skin>


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

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


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

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


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

上傳後縮小的圖↓


它的代碼是↓
<a href="http://2.bp.blogspot.com/_PGdeM67yKDs/TFb0xUxEYdI/AAAAAAAADXI/MCLElz2MYic/s1600/2398.gif"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="http://2.bp.blogspot.com/_PGdeM67yKDs/TFb0xUxEYdI/AAAAAAAADXI/MCLElz2MYic/s400/2398.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5500853123104924114" /></a>


把劃紅線的地方稍做修改成以下↓
<a href="http://2.bp.blogspot.com/_PGdeM67yKDs/TFb0xUxEYdI/AAAAAAAADXI/MCLElz2MYic/s1600/2398.gif"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="http://2.bp.blogspot.com/_PGdeM67yKDs/TFb0xUxEYdI/AAAAAAAADXI/MCLElz2MYic/s1200/2398.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5500853123104924114" /></a>


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

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


有需要的試試吧~

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

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

0 意見:

張貼留言


1.本部落格不含"nofollow",多留言幫自己多加分喔!
2.沒有blogger帳號者選擇【名稱/網址】一樣可以留言^^y
3.匿名攻訐、不相干之廣告適用於無條件刪去法,望請海涵:)
4.您可以使用一些 HTML 標記,如:粗體, 斜體, 描述文字
5.勿違反公序良俗XD

注意:只有此網誌的成員可以留言。