如何在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


留言

此網誌的熱門文章

搭飛機注意事項

美簽預約面試經驗談

夏威夷之旅紀實