自從Anna開始用痞客邦之後

就開始有不少朋友或網友問Anna説:『你痞客邦的側欄那個圖片和連結是怎麼做的啊?』

所以Anna就特地寫一篇文章

來教大家如何製作出自己想要的痞客邦部落格側邊欄位喔~

 

痞客邦側邊欄位連結螢幕快照 2018-02-18 下午8.10.42  

痞客邦後台新增側邊欄位

痞客邦側邊欄位連結螢幕快照 2018-02-18 下午8.10.58  

Anna以自己的部落格有的素材

直接教大家怎麼做喔~

欲新增如上圖的痞客邦部落格側邊欄位,要如何做呢?

 

痞客邦側邊欄位連結螢幕快照 2018-02-18 下午8.11.25  

先到痞客邦後台(Anna習慣使用舊後台,因為新後台有一些bug,不過都大同小異)

再按「發表文章」

 

痞客邦側邊欄位連結螢幕快照 2018-02-18 下午8.11.45  

點選「上傳圖片」,選擇你想要放在後台的圖片。

 

痞客邦側邊欄位連結螢幕快照 2018-02-18 下午8.12.12  

點選此圖片,並且設定超連結(超連結應該會吧?如果不會再Line:euen160給我囉)

設定好你希望粉絲點此圖片時要連到哪個網頁。

 

痞客邦側邊欄位連結螢幕快照 2018-02-18 下午8.12.43  

把超連結網址貼在「連結URL」欄位

開啟方式建議選擇「開一個新視窗」,再按「插入」即可。

 

痞客邦側邊欄位連結螢幕快照 2018-02-18 下午8.12.54  

回到痞客邦部落格文章編輯頁面後

按「HTML」

 

痞客邦側邊欄位連結螢幕快照 2018-02-18 下午8.13.46  

進入HTML,將視窗裡面的程式碼全部複製下來。

 

痞客邦側邊欄位連結螢幕快照 2018-02-18 下午8.13.57  

之後再點選痞客邦後台旁邊的「側邊欄位設定」

(離開HTML畫面)

 

痞客邦側邊欄位連結螢幕快照 2018-02-18 下午8.14.21  

再點右上方的「新增版位」。

 

痞客邦側邊欄位連結螢幕快照 2018-02-18 下午8.14.39  

在「自訂欄位標題」欄位打上自己想要的標題

在「自訂欄位內容」貼上剛剛在HTML所複製的內容

最後按「送出」。

 

痞客邦側邊欄位連結螢幕快照 2018-02-18 下午8.14.54  

剛剛新增完成的項目會出現在最右下方。

 

痞客邦側邊欄位連結螢幕快照 2018-02-18 下午8.15.08  

把右下角製作好的側欄欄位項目「拖曳」到你要的位子即可。

 

痞客邦側邊欄位連結螢幕快照 2018-02-18 下午8.15.20  

最後再按最右下角的「儲存版面」

就大功告成囉~

 

痞客邦側邊欄位連結螢幕快照 2018-02-18 下午8.15.31  

恭喜你已經學會編輯痞客邦部落格的側邊欄位囉~

 

請點”加入好友“加入Enrich購屋財商網,就能即時收到重要房地產財商資訊。 

undefined

 

您可能會喜歡:

申請房貸要小心?!銀行貸款的眉角與聯徵注意事項

【王派宏心得】學校老師沒教的賺錢秘密

信用不良可以貸款嗎?9種你不可不知的銀行拒貸原因!

如何只花一個月輕鬆打敗22K-JR被動收入一日營-一整天的時間教您【不管有錢沒有都可以上手的13種被動收入賺錢術】

 

新竹成屋、預售屋、二手屋

購屋資訊、諮詢

房地產投資、投資理財

財商講座、課程

銀行貸款、社會福利

Email:euen160@gmail.com

Line ID:euen160

ENRICH購屋財商網http://enrichanna.pixnet.net/blog

arrow
arrow

    借力屎力Anna 發表在 痞客邦 留言(3) 人氣()