喬伊絲旅行手札

想修改痞客邦部落格個人首頁上的 Banner，不想跟別人一樣? 看這篇就對了。

最近很多朋友詢問，如何將自己拍美美的照片放在痞客邦部落格的個人首頁，

簡單 6 步驟善用語法輕輕鬆鬆就能修改，隨時想更換都可以哦！以下提供大家參考。

1.將照片上傳到痞客邦相簿

　從前台進入後點選圖片右鍵，複製語法，

   將第二行反藍語法貼在記事本內，找到圖片存放的位置如下紅字，

   待會要將這串字貼在樣式管理內。

   <img src="https://pic.pimg.tw/janetc9816/1634875011-1273374525-g_l.jpg">

   上傳相簿前，圖片請先調整成符合版面的寬度，才不會被裁掉。

2.至樣式管理下載版面

   選擇允許修改的版面樣式套用。

3. 回到上方標題列

    部落格 CSS 原始碼，按 crtl+F，

    在對話框中輸入 background: rul，

    #header下橘色部份就是要換圖片的地方。

4. url 後面字串就是圖片存放的位置

    請改成步驟一找到的圖片連結紅色字。

5. 按下預覽，Banner 已改為新圖片

     因為新圖片的背景是深色，標題字不明顯，

     #header 內的 color #後面的色碼也可以一併調整更好。

6. 依此範例，將標題２的字色改為白色比較清楚(白色 #ffffff) 。

7. 樣式預覽，確認OK，即可套用

更改完成，是不是很簡單呢! 

把改版型的方法學起來，隨時都能放上自己喜愛的照片風格，快動手試試吧！

歡迎加入喬伊絲的粉專？謝謝你～

樂學習～

學習日誌 | 痞客邦 Banner 修改，簡單 6 步驟善用語法輕鬆更改好上手

學習日誌｜部落格錨點功能 ，一秒跳到文章指定段落，方便尋找段落標題

學習日誌｜Instagram 部落格側欄及文章內頁設定

學習日誌｜社群行銷時代來臨要學的太多，唯有不斷進修分享，教學相長才能更加精進

職訓課程 | 2023 臺北市職能發展學院。新媒體行銷分析班，免費職能培育，提升職場競爭力

職訓課程｜2021 臺北市職能發展學院，旅遊影音行銷全攻略報名開始囉！

斜槓人生｜持續進修與學習，共同創造屬於自己多職的斜槓人生