blogger tips : blockquote and more

分享一些部落格的小技巧
美化blockquote跟程式碼區段

-----需要更改template-----
到customize template-> edit html
搜尋skin
]]></b:skin>
把以下程式碼貼在以上之前

blockquote {
color:#333333;
background-color: #FFEBCD;
padding: .5em 1em;
border: 2px #D2B48C dashed;
}

顏色選擇看這~

code部份則是拿別人的圖來用的 連結隨時會不見
原著: Ben's 部落不及格
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;
}
因為圖檔大小是固定的
所以用max-width控制background color


-----不需要更改到template-----
將po過的文字用畫線的方式顯示是要被刪除的 像這樣
直接在寫文章的時候加入語法
<span style="text-decoration: line-through;"> deleted text part </span>
語法記不起來怎麼辦?
到customize settings -> formatting的最下方 post templates把語法加進去之後按儲存
這樣每次在Edit Html po文時就會顯示了

然後是空格 不管在寫文章時打出多少空格
貼出來之後總是會被吃掉
一個方法是寫代碼
空格在html code代碼是 　
所以想要美美的排版可以多用 但真的不方便 orz
like this

int main()
{
　printf("Test");
}

好玩的部落格

在sidebar加上
comment: 到 最新回應程式產生器 將產生出來的程式碼貼到 HTML/Javascript 的 tag (Customize -> Add a page element -> HTML/Javascript -> Add to Blog)

bookmarks: 要先註冊hemidemi的網站，已經有新增/收藏好的書籤之後，到工具(在右上方) -> Blog工具 -> 在您的部落格輪撥最新書籤，將程式碼用跟Comment同樣的方式加到sidebar

bookshelf: 先到aNobii網站註冊，只要打入ISBN或是書名就可以找到書的資訊，收藏好之後，網站也是提供程式碼讓使用者可以剪貼到自己的部落格