Blogger 設計

顯示最新文章和最新回應：
選擇「資訊提供」，URL 填入下面網址（藍色部份請自行修改）  
最新文章：http://top12345tw.blogspot.com/feeds/posts/default 
最新回應：http://top12345tw.blogspot.com/feeds/comments/full

參考資料：
http://klcintw4.blogspot.com/2007/02/sidebar.html

漂亮的 code reference tag：
在 html 裡面加入以下 css 程式碼

code  {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 9pt;
overflow:auto;
background: #f0f0f0 url(http://chenkaie.googlepages.com/Code_BG.gif) left top     repeat-y;
border: 1px solid #ccc;
padding: 5px 5px 5px 20px;
max-height:400px;
line-height: 1.2em;
margin: 5px 5px 0 15px;
}

code.ref{
display: block; /* fixes a strange ie margin bug */
background: #ffe8e8 url(http://chenkaie.googlepages.com/Code_REF.gif) left top repeat-y;
border: 1px dashed #333;
padding: 10px 5px 10px 20px;
margin: 5px 0 0 15px;
font-size: 11px;
font-family: Courier New;
line-height: 1.6em;
}

code.ps{
display: block; /* fixes a strange ie margin bug */
background: #ffffc8;
border: 1px dashed #333;
padding: 2px 5px 2px 5px;
margin: 5px 0px 5px 0px;
font-size: 11px;
line-height: 1.6em;
color: #363636;
}

mysubtitle{
display: block; /* fixes a strange ie margin bug */
font-size: 110%;
font-weight: bold;
overflow:auto;
border-bottom-style: OUTSET;
border-bottom-color: #ffffff;
border-bottom-width: 1px;
padding: 2px 2px 2px 2px;
line-height: 1.2em;
margin: 5px 5px 0 0px;
}

使用方式
<code> ..... </code>
<code class="ref"> ..... </code> 
<code class="ps"> ..... </code>
<mysubtitle> ..... </mysubtitle>

參考資料：
http://chenkaie.blogspot.com/2006/11/css-cool-blockquote-for-code-style.html

google AJAX search
<form action='http://top12345tw.blogspot.com/search' id='searchthis' method='get' style='display:inline;'>
        <input id='b-query' maxlength='255' name='q' size='20' type='text'/>
        <input class='blue' id='b-searchbtn' type='submit' value='Search'/>
        <br/>Search This Blog By Google
</form>

參考資料：
http://chenkaie.blogspot.com/2006/11/blog-hide-navbar-and-add-blogsearch-box.html

時鐘:
http://www.fanboy.jp/teaser/  
http://www.clocklink.com/

音樂播放器:
http://www.finetune.com/ 
http://www.springwidgets.com/ 
http://blog.pixnet.net/prb999/post/4578896 

其他:
http://racklin.blogspot.com/2007/01/blogger-jquery-way.html 
http://xoilman.blogspot.com/2007/05/blog.html
http://chenkaie.blogspot.com/2000/11/blog-plug-ins-of-this-blog.html
http://klcintw4.blogspot.com/

文章加密:
http://chenkaie.blogspot.com/2007/03/javascript-encrypt-your-private-blog.html

Tooltips: