WordPress佈景主題

WordPress官方佈景主題
http://wordpress.org/extend/themes/


Wordpress主題站
http://themes.wopus.org/

Free Wordpress CMS Themes for Your Blog
http://www.sizlopedia.com/2008/07/27/free-wordpress-cms-themes/

Blogger 免費的板型

網址：http://www.bloggerstyles.com/

簡單的 Blogger code 和 quote 的使用方法


code, .code {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
line-height: 1.2em;
}
#quote {
display: block; /* fixes a strange ie margin bug */
font-family: Verdana;
font-size: 10pt;
overflow:auto;
background: #f7f7f7 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibgbwl8eA4u-7xnXinQCKpXDonmYmiOZocVme0UEECbuL3zfmmI8W37XRDoNw3amze3BdD2WR79a34SsX05EdEVgcQhIzHw73QPVSlIXXUbxQ_Co5vcxE9N0EdcmQVjzvQYVRk26my57A/s288/quote-l.gif) left top no-repeat;
border: 4px dotted #ccc;
padding: 15px 15px 15px 31px; /*up right bottom left*/
max-height:300px;
line-height: 1.2em;
}


 

code 的使用的方法：

在文章中將程式碼置於<code></code>區塊或<div class="code"></div>中即可

qote 的使用的方法：

在文章中將程式碼置於<div id="quote"></div>區塊中即可