文章分類自訂化

2013062113:42

文章分類自訂化

分享

文章分類自訂化
 
想要讓你的文章分類與眾不同嗎?
 
很簡單的,跟著預覽圖,很快就學會了喔

預覽圖內↓3就是我們更改後的模樣,我把(括號篇數)變不見嚕

假如你沒放左右欄文章小圖的話,就跟↓1(奇摩原本樣式)一樣

若有放左右欄加小圖,但是(括號內的數字)依然存在,想要將它變不見嗎?

來來來,開始動手做↓

首先我們先來複製↑ 2 將文章分類全部文字反藍按右鍵複製,接下來↓


這張↑是我們發表文章的地方,圖1左邊的地方,就是我將剛剛所複製的文章分類貼在發表文章的地方

圖2右邊,這裡我們將不要的刪除,(注意蛤)不要把連結給刪除了,連結就是字體下方一條線,這條線刪除就不能連結了喔


刪除多餘的部份後,我們可依個人喜愛(圖↑1),將文字靠左或靠右,琳的文章分類只有四個字,所以我選擇字體置中,【文字若比較多就放左或右,依個人喜愛的啦】

選擇好妳的文字位置後,直接加入喜歡的圖檔【ㄚ,不要太大溜,嘟嘟好就好嘿】

放圖檔時可按空白鍵,讓圖檔跟字體有點距離(按一次或兩次空白鍵就夠了喔)

字體顏色也可自行做變化(但是注意蛤,有常常換版型的,字體也就要跟著更改喔)


更改完後,1↑將觀看HTML原始碼打勾,我們要複製原始碼

全部字體點左鍵反藍,按右鍵複製(全部喔)

複製完語法你可直接按左上方的格名回到部落或按取消文章發表回到部落。


最後一個步驟了,我們到管理自訂欄位設定

管理部落格→管理自訂欄位點按後,來到預覽圖的畫面↑

1 將所複製的原始碼,按右鍵直接貼上,填上名稱,分類名稱可自行打上不同的,就是不能超過七個字嘿,完成了按儲存。

文章分類可調整位置,2 ↑按版型設定,調整你想要放置的位置,都好了回到管理部落格首頁瞧瞧,呵呵~~Ok~~~OK粉Ok~~~YA‵‵成功

 隨藝創作

 製作參考

 語法記錄

 巧妙連結

 偶然收藏

 隨筆琳廳


琳的文章分類連結 範例 ↓
<p align=center><img src="http://i234.photobucket.com/albums/ee170/MichelleRuby/oline822.gif" />&nbsp;<a href="http://tw.myblog.yahoo.com/jw!YFl.6UmaHk9bFp1B_BIetSfj/archive?l=f&amp;id=71 "><font color=#8e8e8e size=3>隨藝創作</font></a></p>
<p align=center>&nbsp;</p>
<p align=center><img src="
http://i234.photobucket.com/albums/ee170/MichelleRuby/oline822.gif" />&nbsp;<a href="http://tw.myblog.yahoo.com/jw!YFl.6UmaHk9bFp1B_BIetSfj/archive?l=f&amp;id=18 "><font color=#8e8e8e size=3>隨筆琳廳</font></a></p>
<p align=center>&nbsp;</p>
<p align=center><img src="
http://i234.photobucket.com/albums/ee170/MichelleRuby/oline822.gif" />&nbsp;<a href="http://tw.myblog.yahoo.com/jw!YFl.6UmaHk9bFp1B_BIetSfj/archive?l=f&amp;id=22 "><font color=#8e8e8e size=3>製作參考</font></a></p>
<p align=center>&nbsp;</p>
<p align=center><img src="
http://i234.photobucket.com/albums/ee170/MichelleRuby/oline822.gif" />&nbsp;<a href="http://tw.myblog.yahoo.com/jw!YFl.6UmaHk9bFp1B_BIetSfj/archive?l=f&amp;id=46 "><font color=#8e8e8e size=3>語法記錄</font></a></p>
<p align=center>&nbsp;</p>
<p align=center><img src="
http://i234.photobucket.com/albums/ee170/MichelleRuby/oline822.gif" />&nbsp;<a href="http://tw.myblog.yahoo.com/jw!YFl.6UmaHk9bFp1B_BIetSfj/archive?l=f&amp;id=68 "><font color=#8e8e8e size=3>巧妙連結</font></a></p>
<p align=center>&nbsp;</p>
<p align=center><img src="
http://i234.photobucket.com/albums/ee170/MichelleRuby/oline822.gif" />&nbsp;<a href="http://tw.myblog.yahoo.com/jw!YFl.6UmaHk9bFp1B_BIetSfj/archive?l=f&amp;id=70
"><font color=#8e8e8e size=3>偶然收藏</font></a>&nbsp;</p>
<p>&nbsp;</p>

所自訂的文章分類都可任意更改與變化位置,把原始碼語法收藏好,貼在記事本上,隨時想更改圖樣、字體,只要複製、貼在管理自定欄位即可。

以上範例語法,除了文章連結點勿更改,綠色部分都可斟酌更改。

<p align=center><img src="小圖網址" />&nbsp;<a href="文章連結點 "><font color=#更改字體顏色 size=字體大小>分類名稱</font></a></p>


 再來就是假如你不想這樣的麻煩,每次更換面板,

有時字體又會跟所換的版型不搭,所以你也可將語法內的顏色或字體大小設定刪除

字體顏色大小由版型設定來決定,這樣你就不用這樣麻煩,反覆的重新設定

比如---↓我將<font color=#8e8e8e size=3> 這段刪除,它就隨著版型設定決定

<p class=text align=left><img src="http://i234.photobucket.com/albums/ee170/MichelleRuby/oline822.gif" />&nbsp;<a href="http://tw.myblog.yahoo.com/jw!YFl.6UmaHk9bFp1B_BIetSfj/archive?l=f&amp;id=71">隨藝創作</font></a></p>

<p class=text align=left><img src=" 小圖網址 " />&nbsp;<a href=" 文章連結點 ">分類名稱</font></a></p>

以上就是----文章分類自訂化--設定過程---你學會了嗎?
 

 

 

 

※ 引用發表複製 ↑ 框內即可。
如你不想上傳,此張↓是上傳樣板,請勿【千萬】別用複製,
必須【絕對】要另存目標至你的電腦在上傳發表。
 
※ 如何上傳樣版圖----↓
只要對著下面這張樣版圖,按右鍵→點選另存圖片→
在來記好文章標題→複製文章內容→按我要引用--
回到妳發表地方後,先點選-----選擇相片--從我的電腦中挑選--
寫好相片編號或名稱--瀏覽你要上傳的圖檔---確定上傳完後會回到編輯地方,
將所複製的文章內容貼上----填寫上文章標題----文章分類------在按立即發表即完成。