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

閱讀時間約 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更有信心了呢?趕快試試吧!

7會員
45Content count
分享個人創作。
留言0
查看全部
發表第一個留言支持創作者!
NoEnd│莫盡 的其他內容
以下,就要和大家分享,我是如何利用免費Bloger版型,建置屬於個人風格的寫作部落格No End’s Writing Blogger。 首先當然是找到分享版型的網站。我是利用BloggerTemplates進行搜尋,你可以看到首頁①即有免費樣版的標籤,除了針對響應式(適應手機)、SEO設計的版型外
以下,就要和大家分享,我是如何利用免費Bloger版型,建置屬於個人風格的寫作部落格No End’s Writing Blogger。 首先當然是找到分享版型的網站。我是利用BloggerTemplates進行搜尋,你可以看到首頁①即有免費樣版的標籤,除了針對響應式(適應手機)、SEO設計的版型外
你可能也想看
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
為了露營買了行動冰箱-冰虎50L,也打算放在車尾後,於是乎上網找到了一個自稱"車農"的人,幫忙訂貨安裝12V車充套件。 先聊聊"車農",之所以自稱車農是因為一生為車服務賺錢,種田叫務農,修車叫車農,這樣的自稱也是很有風趣。 以下是跟車農約訪的對話方塊 於是乎,我下了班就開車前往車農
Thumbnail
开头我就要跟各位先说对不起,本来我是很想为大家把这部分实现并完成的。但是很抱歉,因为我用的Mac,而这部分代码实现起来的时候一直会如下报错: 当然,其实是可以迂回实现的,就是使用Mac本来的AppleScript,不过实现效果并不好,所以想想也就算了。毕竟我考虑,可能看我这些系列文章的人都多多少少
Thumbnail
這書幫我什麼忙-《被討厭的勇氣》 暴怒情緒是為達目標的一種手段,而且是可以控制的,當你知道後,就不該太常讓它跑出來見人。
Thumbnail
不知道,你是否也與我一樣,每次帶孩子出門遊玩時,會擔心孩子失控、鬧脾氣的狀況又發生了呢?想帶孩子出去玩,但又怕孩子失控,到底要怎麼處裡呢?  《做孩子需要的媽媽,就好》書中特別提到幫助孩子學習自我控制的小技巧。
Thumbnail
在「調薪制度不全的新創公司中,如何爭取加薪?」 這個起手式,是要說明這些談判技術與策略,可能不適用於制度健全的大公司,也可能不適用於轉職時機,因此,請謹慎服用。 一、照照鏡子、掂掂斤兩 當你準備出手跟老闆談加薪時,先照照鏡子,問自己幾個黃金問題: 1. 你的本錢夠嗎?你是因為幫公司做出.......
「茜~新房子裝潢快好了,我們下個月搬家好嗎?」復邦走進房間詢問 茜茜正在床邊摺衣服 「這麼快?」 「怎麼?你不想搬嗎?我和一元說好了,下個月我們一起搬,這樣搬家公司可以一起處理」 「也是,我在跟復華聊聊」復邦像被提醒一下,若有所思的想著… 「復華,有空嗎?哥想跟你聊聊」復華正忙著開店 「你少來」
Thumbnail
很多人應該都有一樣的經驗吧,小時候拿到的紅包,交給媽媽之後,就沒下落了… 我有些不太一樣的想法,所以除了把小朋友從出生後收到的紅包,以她們的名字開戶存起來之外,我也在小朋友上小學一年級時,就帶著她們去開證券的戶頭,用存起來的錢開始存股,產生被動收入持續增加資產,等到她們滿18歲,再把戶頭丟還給她們自
在儿子喜欢的YouTuber 里面,有一个非常特别的人物叫MrBeast,吉米·唐纳森。他被认为是高成本YouTube视频的先驱。和其他YouTuber 的不同, 他总是会做出一些让人意想不到的善举。例如以小费的方式给一个送披萨外卖的单亲爸爸和他女儿一件装修好的房子(连他女儿喜欢的玩具都给他买好),
Thumbnail
書名:阿德勒愛與引導在教育的實踐:12個幫助孩子發展歸屬、信心、貢獻的教育現場故事 作者: 吳淑禎;吳毓瑩 出版社:遠流 出版日期:2017/09/28 陳揚的小小介紹:   這本書個人覺得如果要瞭解阿德勒的理論,可能略顯不足,畢竟這本書應該是把自己定義在經驗分享上的書籍,
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
為了露營買了行動冰箱-冰虎50L,也打算放在車尾後,於是乎上網找到了一個自稱"車農"的人,幫忙訂貨安裝12V車充套件。 先聊聊"車農",之所以自稱車農是因為一生為車服務賺錢,種田叫務農,修車叫車農,這樣的自稱也是很有風趣。 以下是跟車農約訪的對話方塊 於是乎,我下了班就開車前往車農
Thumbnail
开头我就要跟各位先说对不起,本来我是很想为大家把这部分实现并完成的。但是很抱歉,因为我用的Mac,而这部分代码实现起来的时候一直会如下报错: 当然,其实是可以迂回实现的,就是使用Mac本来的AppleScript,不过实现效果并不好,所以想想也就算了。毕竟我考虑,可能看我这些系列文章的人都多多少少
Thumbnail
這書幫我什麼忙-《被討厭的勇氣》 暴怒情緒是為達目標的一種手段,而且是可以控制的,當你知道後,就不該太常讓它跑出來見人。
Thumbnail
不知道,你是否也與我一樣,每次帶孩子出門遊玩時,會擔心孩子失控、鬧脾氣的狀況又發生了呢?想帶孩子出去玩,但又怕孩子失控,到底要怎麼處裡呢?  《做孩子需要的媽媽,就好》書中特別提到幫助孩子學習自我控制的小技巧。
Thumbnail
在「調薪制度不全的新創公司中,如何爭取加薪?」 這個起手式,是要說明這些談判技術與策略,可能不適用於制度健全的大公司,也可能不適用於轉職時機,因此,請謹慎服用。 一、照照鏡子、掂掂斤兩 當你準備出手跟老闆談加薪時,先照照鏡子,問自己幾個黃金問題: 1. 你的本錢夠嗎?你是因為幫公司做出.......
「茜~新房子裝潢快好了,我們下個月搬家好嗎?」復邦走進房間詢問 茜茜正在床邊摺衣服 「這麼快?」 「怎麼?你不想搬嗎?我和一元說好了,下個月我們一起搬,這樣搬家公司可以一起處理」 「也是,我在跟復華聊聊」復邦像被提醒一下,若有所思的想著… 「復華,有空嗎?哥想跟你聊聊」復華正忙著開店 「你少來」
Thumbnail
很多人應該都有一樣的經驗吧,小時候拿到的紅包,交給媽媽之後,就沒下落了… 我有些不太一樣的想法,所以除了把小朋友從出生後收到的紅包,以她們的名字開戶存起來之外,我也在小朋友上小學一年級時,就帶著她們去開證券的戶頭,用存起來的錢開始存股,產生被動收入持續增加資產,等到她們滿18歲,再把戶頭丟還給她們自
在儿子喜欢的YouTuber 里面,有一个非常特别的人物叫MrBeast,吉米·唐纳森。他被认为是高成本YouTube视频的先驱。和其他YouTuber 的不同, 他总是会做出一些让人意想不到的善举。例如以小费的方式给一个送披萨外卖的单亲爸爸和他女儿一件装修好的房子(连他女儿喜欢的玩具都给他买好),
Thumbnail
書名:阿德勒愛與引導在教育的實踐:12個幫助孩子發展歸屬、信心、貢獻的教育現場故事 作者: 吳淑禎;吳毓瑩 出版社:遠流 出版日期:2017/09/28 陳揚的小小介紹:   這本書個人覺得如果要瞭解阿德勒的理論,可能略顯不足,畢竟這本書應該是把自己定義在經驗分享上的書籍,