善用及改造 blogger 中的引用文字(blockquote)功能

Share

blogger(blogspot)在建立新文章的介面, 有提供一個引用文字格式設定的快速鍵, 這是用來標示所引用的某段文字區域.

效果如下,



如果在這段區域加個背景圖, 也可以有不同的視覺效果.


可以先去找個 引用(blockquote)的圖, 或是下載這個圖. 然後上傳到一個網頁空間, 取得圖片網址.

在 範本 --> 修改 HTML --> 可以找到這段 blockquote 的原始碼.


可改寫這段blockquote加張背景圖,如

blockquote {
margin: 15px 30px 0 10px;
padding: 20px;
background: #f0f0f0 url(圖片網址) no-repeat left top;
}


記得填入圖片網址.

儲存後, 在建立新文章時, 將引用文字先選取起來, 按功能鍵中的, 這段文字就會被<blockquote> </blockquote>包覆了.



效果就像這樣.

相關文章 :