Blogger 圖片連結 快速編輯法

1. 編輯文章時,點擊「圖片」按鈕,選擇圖片及尺寸。
2. 切換成 HTML 編輯模式:
A 為圖片網址
B 為連結目標網址
將第一個 A 換成 B 即可。

Ex:這是編輯器切換成 HTML 模式所看到的語法

<div class="separator" style="clear: both; text-align: center;">
<a href="A" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="A" /></a></div>

將第一個 A 換成 B 即完成,如下:

<div class="separator" style="clear: both; text-align: center;">
<a href="B" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="A" /></a></div>

* 又或者您需要按下圖片時另開視窗連結,修改如下:

<div class="separator" style="clear: both; text-align: center;">
<a href="B" target="_blank"><img border="0" src="A" /></a></div>

/--------------- 我是分隔線 --------------/

方法二
+跪婦阿冠專頁 建議的方法適合害怕看到語法的人。也不用切換成 HTML 編輯模式。

1. 按下圖片鈕,選擇圖片及設定尺寸。
2. 點擊圖片,再點擊圖片按鈕旁邊的連結按鈕(Link),就會取消連結。
3. 再點一次連結按鈕(Link),會開啟設定視窗,將目標網址 B 填入確定即可。
Photo
Shared publiclyView activity