1-2 幫Blogger所有的連結圖片導圓角

更新於 2024/11/13閱讀時間約 1 分鐘

在上一篇文章1-1 利用免費Blogger版型創建寫作部落格,可以知道我使用的版型是2018年的,那時的圖片還不興導圓角,可是在今年新出的樣版,都將圖片加上圓角,實在有些羨慕,那該怎麼辦呢?

其實是非常容易的,只要按滑鼠右鍵,之後就是剪下、貼上的事。

不過首先,你得知道圓角的CSS語法為border-radius,利用它來決定四個角的圓弧程度,如下。

border-radius: 8px (可自行調整px數)

以使用Google瀏覽器與No End's Writing為例。到自己的首頁,任意滑鼠右鍵點選一張縮圖,出現指令列,點選檢查,就會出現如上圖的畫面。查看元素名稱,直接框選後複製。

接著到Blogger後台/主題/自訂/編輯HTML,進到裡面後:

  1. 點進html內文,用Ctrl+F叫出搜尋列;
  2. 貼上剛剛複製下的元素名稱;
  3. Eneter後找到CSS位置所在,原本的指令只有max-width:100%;
  4. 加上;號,再將border-radius: 8px貼於其後;
  5. 儲存後即可看到所有圖片都成圓角。

之後別忘了進到貼文內,因為裡面的圖片元素是不一樣的,照著上面的方式再操作一遍。

這樣就完成Blogger導圓角的作業,是不是比想像中的還要容易。而且幾乎所有的Blogger修改,都能夠透過這個方式完成。有哪裡不喜歡,就修改掉吧!

是不是對創建自己的Blogger更有信心了呢?趕快試試吧!

avatar-img
7會員
44內容數
分享個人創作。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
NoEnd│莫盡 的其他內容
以下,就要和大家分享,我是如何利用免費Bloger版型,建置屬於個人風格的寫作部落格No End’s Writing Blogger。 首先當然是找到分享版型的網站。我是利用BloggerTemplates進行搜尋,你可以看到首頁①即有免費樣版的標籤,除了針對響應式(適應手機)、SEO設計的版型外
以下,就要和大家分享,我是如何利用免費Bloger版型,建置屬於個人風格的寫作部落格No End’s Writing Blogger。 首先當然是找到分享版型的網站。我是利用BloggerTemplates進行搜尋,你可以看到首頁①即有免費樣版的標籤,除了針對響應式(適應手機)、SEO設計的版型外
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
戲劇藝術有療癒效果,這次要與我們分享新作的藝術家,長期在做這樣的事,「水面上與水面下劇場」的《生命之河》2.0版,11/22-11/24在牯嶺街小劇場一樓實驗劇場演出。除了有專業演員也有民眾演員,這些民眾演員都是曾經或是正在照顧家中失智或重症長者,而且許多人自己
最近1.2億這數字不斷在新聞裡面出現,其實在讀書求學過程中,因為讀過天龍人區的學校,後來也出國讀書,不乏認識許多一畢業身價就可能超過我一輩子所得的朋友。 這些人因為含金湯匙出生,所以都名車代步、奢華享樂嗎?還真的大多數並沒有。對他們來說,發覺自己通向天命的道路,到底是比較容易還是比較不容易...
Thumbnail
奧伯格(John Ortberg):「成熟的偉大標記之一,就是接受這個事實:人人有其『瑕疵』。」(《褥子團契》,奧伯格(John Ortberg),p14)
Thumbnail
2024年第一季的財報戰,我叒獲勝啦!美股下週還會接續上漲如虹的氣勢嗎?
Thumbnail
為了露營買了行動冰箱-冰虎50L,也打算放在車尾後,於是乎上網找到了一個自稱"車農"的人,幫忙訂貨安裝12V車充套件。 先聊聊"車農",之所以自稱車農是因為一生為車服務賺錢,種田叫務農,修車叫車農,這樣的自稱也是很有風趣。 以下是跟車農約訪的對話方塊 於是乎,我下了班就開車前往車農
Thumbnail
开头我就要跟各位先说对不起,本来我是很想为大家把这部分实现并完成的。但是很抱歉,因为我用的Mac,而这部分代码实现起来的时候一直会如下报错: 当然,其实是可以迂回实现的,就是使用Mac本来的AppleScript,不过实现效果并不好,所以想想也就算了。毕竟我考虑,可能看我这些系列文章的人都多多少少
Thumbnail
這書幫我什麼忙-《被討厭的勇氣》 暴怒情緒是為達目標的一種手段,而且是可以控制的,當你知道後,就不該太常讓它跑出來見人。
Thumbnail
不知道,你是否也與我一樣,每次帶孩子出門遊玩時,會擔心孩子失控、鬧脾氣的狀況又發生了呢?想帶孩子出去玩,但又怕孩子失控,到底要怎麼處裡呢?  《做孩子需要的媽媽,就好》書中特別提到幫助孩子學習自我控制的小技巧。
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
戲劇藝術有療癒效果,這次要與我們分享新作的藝術家,長期在做這樣的事,「水面上與水面下劇場」的《生命之河》2.0版,11/22-11/24在牯嶺街小劇場一樓實驗劇場演出。除了有專業演員也有民眾演員,這些民眾演員都是曾經或是正在照顧家中失智或重症長者,而且許多人自己
最近1.2億這數字不斷在新聞裡面出現,其實在讀書求學過程中,因為讀過天龍人區的學校,後來也出國讀書,不乏認識許多一畢業身價就可能超過我一輩子所得的朋友。 這些人因為含金湯匙出生,所以都名車代步、奢華享樂嗎?還真的大多數並沒有。對他們來說,發覺自己通向天命的道路,到底是比較容易還是比較不容易...
Thumbnail
奧伯格(John Ortberg):「成熟的偉大標記之一,就是接受這個事實:人人有其『瑕疵』。」(《褥子團契》,奧伯格(John Ortberg),p14)
Thumbnail
2024年第一季的財報戰,我叒獲勝啦!美股下週還會接續上漲如虹的氣勢嗎?
Thumbnail
為了露營買了行動冰箱-冰虎50L,也打算放在車尾後,於是乎上網找到了一個自稱"車農"的人,幫忙訂貨安裝12V車充套件。 先聊聊"車農",之所以自稱車農是因為一生為車服務賺錢,種田叫務農,修車叫車農,這樣的自稱也是很有風趣。 以下是跟車農約訪的對話方塊 於是乎,我下了班就開車前往車農
Thumbnail
开头我就要跟各位先说对不起,本来我是很想为大家把这部分实现并完成的。但是很抱歉,因为我用的Mac,而这部分代码实现起来的时候一直会如下报错: 当然,其实是可以迂回实现的,就是使用Mac本来的AppleScript,不过实现效果并不好,所以想想也就算了。毕竟我考虑,可能看我这些系列文章的人都多多少少
Thumbnail
這書幫我什麼忙-《被討厭的勇氣》 暴怒情緒是為達目標的一種手段,而且是可以控制的,當你知道後,就不該太常讓它跑出來見人。
Thumbnail
不知道,你是否也與我一樣,每次帶孩子出門遊玩時,會擔心孩子失控、鬧脾氣的狀況又發生了呢?想帶孩子出去玩,但又怕孩子失控,到底要怎麼處裡呢?  《做孩子需要的媽媽,就好》書中特別提到幫助孩子學習自我控制的小技巧。