Blog更改設定

為了要讓文章更寬，改了這些地方：

#header-wrapper {

width:80%;

#outer-wrapper {

width: 80%;

#main-wrapper {

width: 72%;

#sidebar-wrapper {

width: 24%;

加入了訪客人數計數器：whos.amung.us

<script type="text/javascript" src="http://widgets.amung.us/classic.js"></script><script type="text/javascript">WAU_classic('gjkep7mt9iv4')</script>

加入搜尋本部落格的功能

<!-- SiteSearch Google -->
<form id="searchform" action="/search" method="get">
請輸入關鍵字<br/>
<input id="searchbox" value="" name="q" type="text"/>
<input id="searchbutton" value="確定" type="submit"/></form>

標籤/搜尋頁面只列出標題：在版面配置的HTML編輯裡面按照這篇文章改：


<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<!-- 只顯示文章標題 -->
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
　<b:include data='post' name='post'/>
</b:if>

然後也搞很久才搞懂怎麼在Blog文章中加入Code和Reference，就像這一篇這樣。

iPlay99線上玩樂誌 » Blogger Hack - 在文章中貼上程式碼code範例

其實就是把下面這些code貼在body {前面，第一段是Code，第二段是Reference

CODE{
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #fff url(http://firefly.lee.googlepages.com/Code_BG.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 20px;
margin: 10px;
max-height:800px;
line-height: 1.2em;
}

code.ref{
display: block; /* fixes a strange ie margin bug */
background: #fff url(http://firefly.lee.googlepages.com/Code_REF.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 20px;
margin: 10px;
font-size: 12px;font: $bodyfont;
line-height: 1.2em;
}


不過如果貼在code要記得先用這個網站轉一下格式：HTML Encoder

然後在貼之前，修改HTML模式，用<code></code>和<code class="ref" ></code >夾住即可。

在Blog加入照片，可參考這個Blog：
<img src="

" border="0"/>

然後複製圖的網址：

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC2BoTwty31pTTwtrOdUFRqZNZb7iLCz4Ok95qpDXP9jZKmYvSrUrhkpWVB_a0A5zNjNfKrRyo94ATKMg0h0ths3w2te0-JLHAH9IEh-xcVWCFN9oYHmGbcCX7e5yamFyjaVE6djG4FZU/s1600-h/ScreenHunter_02+May.+11+12.54.gif

其中S1600-h是重點，如果把-h刪掉就可以直接外連，把1600改成800或400就是改變圖的大小。所以結果會像是這樣：

分隔線

---

<hr />