移除 Blogspot 引言的雙引號 (CSS 修改)

Google 提供的免費部落格平台 Blogspot 更換佈景主題時，常會遇到引言 (quote) 的樣式表 (CSS) 需要修改的問題。以下說明如何去除引言內容區塊的前後自動加上的雙引號符號。

修改前的截圖:

修改後的截圖:

操作步驟:
1. 到 Blogger.com 的管理後台。點選「Theme」

2. 修改前建議點選右上角的「Backup/Restore」--> 「Download Theme」先備份樣式檔，一旦修改錯誤，還可以上傳備份的樣式檔復原。

3. 點選「Edit HTML」

4. 找到「body.item-view blockquote::before」這串文字

修改前

body.item-view blockquote::before{
content:open-quote
}
body.item-view blockquote::after{
content:open-quote
}

修改後

body.item-view blockquote::before{
content:""
}
body.item-view blockquote::after{
content:""
}

儲存即可。

5. 回到 blog，因為瀏覽器快取關係，需要強制更新快取，才能看到修改後結果。詳細說明請參考繞過瀏覽器快取。

參考資料:

圖片素材:
Free Photo of office, desk, table - StockSnap.io (Thanks, Joey Sforza!)

Err