1. 程式人生 > >csdn如何自定義部落格欄目

csdn如何自定義部落格欄目

     在使用csdn的時候,我們可以自定義部落格欄目,使自己的部落格頁面看起來更有吸引力。今天來給大家介紹一兩種方法。

     在開始之前,我先給大家來說一下csdn有一個 我的相簿 這個功能,只不過這個功能被csdn藏得太深,估計很多人都不清楚。進入到  我的主頁 手標放在我的收藏旁邊那個向下的箭頭,就會出現我的相簿,然後點進去。點進去之後就可以上傳自己的圖片,因為csdn不允許使用者使用站外的圖片。


一.新增圖片

       我們可以在部落格欄目裡面新增一些圖片,比如說二維碼,這個可以打賞你,也可以掃碼關注你的公眾號等。程式碼如下:

<ul class="panel_head">
<span>我的微信公眾號</span></ul>
<ul class="panel_body">
<font face="Helvetica" size="2" color="#FF3030">歡迎關注我的公眾號,不僅為你推薦最新的博文,還有更多驚喜和資源在等著你!</font>
<img src="http://img.my.csdn.net/uploads/201611/22/1479807064_9400.jpg" style="width:95%">
</ul>

      這個程式碼是我部落格欄目自己的一個程式碼,大家可以自己拿去修改一下。至於圖片連結,大家進入到 我的相簿裡面,右鍵點選你要用的圖片,在新標籤頁中打卡,然後複製位址列連結即可。

二. 新增郵箱

     我們可以在部落格欄新增 聯絡我 這個欄目,這樣方便其他人能夠及時聯絡到你。首先我們要登入自己的qq郵箱,點選下方的開放平臺,如下圖:


       點選  郵我  獲取郵我按鈕,在下面這張圖的頁面裡面。我們可以下載那個圖片,然後上傳到我的相簿裡面用。然後點選獲取程式碼,複製,貼上過來,這裡需要把圖片連結改一下即可。


三.新增連結

為了擔心我不知什麼時候又吧我的部落格欄目修改,所以今天專門截圖留給大家。效果如下圖:


程式碼如下:

</a><a target="_blank" href="https://ask.hellobi.com/blog/learn_R" style="background-color:#30a4e6; border:medium none; color:#fff; display:block; 
font-size:18px; line-height:1.33; margin:5px auto 15px; padding:10px 0; text-align:center">我的天善智慧專欄</a>

這是其中第四個的程式碼,如果你需要新增更多的話,僅需要在後面再新增這些程式碼,大家可以去取自己修改一下。

本部落格會持續不斷更新,感謝大家支援,喜歡就點一個唄!!!

最近更新於2017年5月9日。