動態設定blogger文章的寬度

Google買下blogger後，blogger自然承襲了google的一貫風格 - 畫面乾淨、簡單，很快就可以找到自己想要的資訊; 沒那麼多的廣告（跟某XX小站差很多），也因此網頁連結非常迅速。最主要的是，身為google痴漢的我，當然是一定要支持一下的啦。

不只如此，blogger陽春到沒有計數器、繼續閱讀、相簿等功能，但自由度很高 (i.e., 擴充能力很強)，只要能利用css、html、javascript語法寫的外掛，大多都可以順利擴充自己的blog (雖然凡事都自己來挺自由的，但有時的確也蠻累的，沒辦法，我就是懶)。

基本上blogger的文章寬度都是定死的(i.e.,我看的所有模版都直接寫死為970px)，用4:3的銀幕瀏覽時感覺不到有什麼問題，但用寬銀幕的話，會覺得blog兩邊有很空洞的感覺...囧。

因此自己變動手改了一下template的source code讓文章寬度能隨者視窗大小"動態調整"，主要是改幾個CSS的設定跟加了兩個javascript的call back function，(ps，javascript function部份，是"參考"強者我同學-vincent大大的source code，XD)，修改內容如下：

javascript:

< type="'text/Javascript'">

window.onload = function() {
document.getElementById("main-wrapper").style.width = (document.body.offsetWidth * 0.9 - 229)+"px";
}

window.onresize= function() {
document.getElementById("main-wrapper").style.width = (document.body.offsetWidth * 0.9 - 229)+"px";
}

css(紅色為修改的部份):

#mainbox-wrapper{
width:90%;
margin:0 auto;
padding:0;
text-align:justify;
}

#header-wrapper{
width:90%;
height:100px;
margin:0px auto;
padding-bottom:10px;
text-align:left;
overflow:hidden;
}