如何在blogger中加入自訂CSS
如何在blogger中加入自訂CSS
在blogger撰寫文章時,往往都會有要美化文章外觀的需求,blogger內建的功能常常也不夠使用,這時候就需要用CSS了,那麼要在blogger使用自訂CSS最主要有兩種方式(如果有別種方式,也歡迎留言分享),第一種是使用inline
css,也就是在html標籤裡直接打上想要的css代碼,另外一種是外掛式css,以下就跟大家分享這兩種方式:
第一種方式,inline CSS:
- 首先到blogger文章編輯區。
-
點選編輯區最左邊有一支筆。
- 點選"HTML檢視"。
-
在任何HTML標籤裡寫入"style = "color:red""。
- 儲存文章後,開啟,就可以看到剛剛寫的CSS有作用了。
第二種方式,外掛式CSS:
- 首先到blogger後臺。
- 點選左邊選項列的"主題",然後點選"自訂"。
- 再來點選"進階"。
- 點選"網頁文字"後,卷軸向下滾動,直到找到"新增CSS"
- 在下方內容欄中填入CSS程式碼,以使用class為例,寫入以下代碼。
.asd{
color:blue
}
- 儲存文章後,開啟,就可以看到剛剛寫的CSS有作用了。
不夠清楚嗎?沒問題,請參考這部影片:
https://www.youtube.com/watch?v=7ZLxRPJYoTI
想知道怎麼在blogger文章中加入程式碼嗎?參考這篇文章
https://quanistlife.blogspot.com/2022/04/blogger.html










留言
發佈留言