文章分類自訂化


分類：語法教學

2009/06/19 18:19


 















文章分類自訂化

 

想要讓你的文章分類與眾不同嗎？

 

很簡單的，跟著預覽圖，很快就學會了喔

預覽圖內↓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>



以上就是----文章分類自訂化-----你學會了嗎？

 




arrow
arrow
    全站熱搜
    創作者介紹
    創作者 專案開發ㄚ清 的頭像
    專案開發ㄚ清

    ㄚ清房地產物業專業整合服務網

    專案開發ㄚ清 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄