想修改痞客邦部落格個人首頁上的 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 步驟善用語法輕鬆更改好上手
學習日誌｜部落格錨點功能 ，一秒跳到文章指定段落，方便尋找段落標題
學習日誌｜社群行銷時代來臨要學的太多，唯有不斷進修分享，教學相長才能更加精進
職訓課程 | 2023 臺北市職能發展學院。新媒體行銷分析班，免費職能培育，提升職場競爭力
職訓課程｜2021 臺北市職能發展學院，旅遊影音行銷全攻略報名開始囉！
留言列表
{{ article.title }}
