[Blogger 技巧] 改變引用文字(blockquote)顯示方式

其每個Blogger版面當中所設定的引用文字(blockquote)其預設皆不同如想跟圖中一樣顯示效果，請跟著下列文字說明這麼做：
請先至【版面配置】找到【修改HTML】並請記得勾選【展開小裝置範本】，然後搜尋body {


將原有的 blockquote {到}的語法覆蓋，會有其圖中引用文字(blockquote)一次效果；
blockquote {
margin: 15px 30px 0 20px;
padding: 10px;
border: 2px dashed #cde;
display:block;
overflow:auto;
}
如果你想要引用文字是有圖片效果，請參考下列語法；
上述語法與此則一選擇使用，或是在上述語法}前添加下列紅色語法。
blockquote {
margin: 15px 30px 0 10px;
padding: 20px;
background: #f0f0f0 url(http://圖片連結) no-repeat left top;
}
您還可於此段原始碼後面再添加如效果圖中所顯示的引用文字(blockquote)二次效果
blockquote blockquote{
margin: 10px;
padding: 0px;
padding-left: 5px;
border: 1px dashed #ccc;
border-left: 5px groove #2222ff;
display:block;
overflow:auto;
max-height:300px;
}

本篇教學參考：

• Fun New Run High: 善用及改造 blogger 中的引用文字(blockquote)功能
• Kaie's Blog