美化程式碼排版

圖檔跟教學來自 Ben's部落不及格
這個blog還滿棒的！


code {
display:block;
font:normal normal 100% 'Lucida Grande',儷黑 Pro,Verdana,Arial,Sans-serif;
font-size:10px;
color:#666666;
overflow:hidden;
background:#e3f5d2 url(http://benjamin31.googlepages.com/code_bg.gif) no-repeat left top;
padding:30px 20px 10px;
margin:0 4px;
max-height:none;
max-width:370px;
border-bottom:1px solid #eaeaea;
}

把上面那段code加在以下前面
]]>< /b:skin >
max-width隨文章版面大小不同要更改

不過還沒找到如何讓很多空格跟tab都顯示出來的方法
其實這才是比較需要的 orz

mouseover hidden navbar

有時候為了美觀問題會希望把navbar拿掉
雖然google一下就能找到code
但還是自己先備份起來比較方便

完全隱藏blogger navbar
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

自動隱藏navbar，但滑鼠移至該位置時會出現
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,
FinishedOpacity=100)}

只顯示前面幾行

我喜歡blogger是因為它可以看起來很乾淨
另外一個原因就是 會有很多人寫一些好用的東西來造福大家 orz
其中一個就是 expandable posts
原本在無名勾一下就有的功能 沒想到blogger沒有 ~
不過這樣也好 反正一直用黑盒子也沒意思

Expandable posts with Peekaboo view
除了英文外 也有好心的blogger翻成中西文耶

有blogger真好 :)