添加 Blogger Blog 文章中照片(圖片)線框的方法

---

效果參考：參考本網站文章內容的圖片邊框線樣式。提示，邊框線的樣式顏色可以被更改的。

添加 Blogger Blog 文章中照片(圖片)線框
的方法：

提醒您：為了確保您的 Blogger 內容，請您先將您的 Blogger 主題先行備份，再行本內容動作。如此，如果您進行了本內容的動作出了差錯，還能使用。

1. 登入 Blogger；

2. 點選 Blogger 控制台版面的「主題」項目，並再點選主題的 " 編輯HTML "；

3. 將電腦滑鼠點擊所開啟的 HTML 頁面內(任何位置皆可)；

4. 按壓電腦鍵盤上的 CTL + F 兩按鍵，此時 HTML 版面區域內的右上角將出現一個搜尋欄框；

5. 使用電腦鍵盤在此搜尋欄框內輸入 ]]></b:skin>，再按電腦鍵盤上的 Enter 按鍵，之後，HTML 版區將顯現出黃色襯底的 ]]></b:skin> 內容段；

6. 將如下的程式碼拷貝張貼到 ]]></b:skin> 的上方

.post img {
    border:1px solid #333;
    padding:2px;
    }

7. 確認無誤後，點按 HTML 版區左上方的 儲存主題 文字按鈕；

8. 完成。

您可以在您目前停駐的 Blogger 控制台版面，點擊左上角位的 " 瀏覽網誌 "，檢視您的 Blogger 貼文文章內的照片(圖片)是否已經填加了邊線框。如有，就成功了。

說 明：

1. 您可以變更照片(圖片)邊線框的線條粗細及線條顏色；

2. 程式碼中的 border:1px，將其1px修改為2px(或3px, 4px ....)，則框線會變得更粗；

3. 程式碼中的 solid #333; ，333 這位置的文字為照片(圖片)邊線的顏色色碼代號。如果將 333 (淺黑色)修為 666 (淡灰色)，如此可依照您的喜愛內容加以變更為你喜愛的線條顏色。

備 註：

1. 以上的 " 添加 Blogger 文章中照片(圖片)線框的方法 "，無法完全應用到所有的 Blogger Templates/Themes (Blogger 模板/主題)；

2. 小編將在下一編貼文中介紹另一種添加 Blogger 文章中照片(圖片)線框的方法。

---