1. 程式人生 > >CSDN新增自定義部落格欄目(沒接觸過的讓我帶你走進一個神奇的世界)

CSDN新增自定義部落格欄目(沒接觸過的讓我帶你走進一個神奇的世界)

不管是誰的CSDN,只要點進去,在左側我們就會看到一豎列的欄目了,比如個人資料啊,部落格訪問專欄啦、搜尋啊等等之類。

像左側的欄目是可以設定的,比如哪些顯示,哪些隱藏,或者上下調整順序等等。

步驟:

1.想設定的找一下“管理部落格”這個按鈕:


2.選擇“部落格欄目”(原始碼模式)


然後就可以進去肆意的玩了。這不是重點,重點在下面,沒有了解過的看了的絕對會有收穫(謝謝大家的檢視):

現在我來說說自定義欄目:

這個欄目隨便弄,自己開心就好,下面我來簡單說說關於建立聯絡方式欄目為例來給大家說一說。


上圖的“聯絡我”這個欄目是我自己新增的,當然你可以光寫自己的聯絡方式,不過那樣就會洩露一些資訊,而且也比較麻煩,我們可以通過程式碼來做幾個連結,通過點選欄目上的文字就可以直接與博主聯絡。感興趣的自己去網上查一些關於這個的程式碼,只有你想不出來的,沒有你做不出來的,實在找不著可以參考一下下,儘量自己查,這樣收穫會更快更多一些,嗯,就這樣。下面看看我總結的一些程式碼(以上圖為例我自己的程式碼):

<p><span style="color:black; font-size:13px; font-weight:bold">Name:</span>帶你去瀟灑</p>
<br>
<p><span style="color:black; font-size:13px; font-weight:bold">QQ聯絡:</span><a title="QQ聯絡" href="http://wpa.qq.com/msgrd?v=3&amp;uin=自己的QQ號&amp;site=qq&amp;menu=yes" target="_blank" style="color:black; font-size:13px">隨時歡迎!</a></p>
<br>
<p><a target="_blank" href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&amp;email=NgUEAQUGBgEBAnZHRxhVWVs" style="text-decoration:none">QQ郵箱(即點即用)</a></p>
<br>
<p><span style="color:black; font-size:13px; font-weight:bold">Email:</span>自己的郵箱地址
</p>
<br>
<p><span style="color:black; font-size:13px; font-weight:bold">my 163 blog:</span>
<a title="跳轉到我的網易部落格" href="http://wanm666888.blog.163.com/" target="_blank" style="color:black; font-size:13px">
帶你走進我的世界</a></p>

不懂得看完這其實是很懵逼的,我也是,雖然我懂了一點,不過沒關係,慢慢來,下面我給大家把上邊一些關鍵程式碼詞做個解釋:

p標籤,代表一個段落,/p是結束的意思。我的每一行內容都被一個p標籤包括

br標籤,表示空一行

span標籤,裡面的style描述文字的字型等設定。如color描述顏色,font-size描述字號,font-weight:bold表示加粗,如果不想要加粗,把font-weight:bold刪了就行

a標籤,表示一個連結。裡面的title表示滑鼠移到此內容上顯示的文字,href表示連結地址,比如我這裡的QQ號對應的地址可以開啟對話方塊,將連結裡的QQ號改掉就可以用了。style同樣藐視文字設定。

基本上就是這些了,參照著我的樣式改還是很簡單的,也可以放別的內容,這就看你的創造力了哦。

如果還行記得給個贊,噴子勿噴!