Published 12月 05, 2013 by Kevin

Blogger的Blockquote CSS自訂步驟

用Markdown在Blogger寫文章,卻發現Blockquote的語法出不來,google了一下,原來需要自訂CSS,網路上找的方法跟現在的Blogger不太一樣,就來記錄一下.


  1. 點選版面配置
  2. 點選右邊偏上方面的範本設計工具
  3. 出現Blogger 範本設計工具網頁後,點選左上的進階
  4. 網頁文字那一欄拉到最下面,並點選新增CSS
  5. 貼上下面的Code

    blockquote { border-left: 5px solid; border-color: #d1d1d1; margin-left: 2em; padding-left: 1em; }

  6. 點選套用至網誌
  7. 點選返回Blogger
  8. 完成

另外也Google到了一些特別Blockquote的CSS樣本.


22 Amazing Blockquote

      edit