標籤 ： 你的網誌也可以自定一張與眾不同的貼紙，照著這樣做就行了。
弄一張想貼在網誌上的圖檔
以下範例圖檔供你參考使用，不過，請在正確時間使用正確的貼紙。
http://f.blog.xuite.net/f/7/b/7/10055976/blog_6267/txt/4477948/82.gif
http://f.blog.xuite.net/f/7/b/7/10055976/blog_6267/txt/4477948/91.gif
http://f.blog.xuite.net/f/7/b/7/10055976/blog_6267/txt/10134612/10.gif
http://f.blog.xuite.net/f/7/b/7/10055976/blog_6267/txt/4477948/97.gif
http://f.blog.xuite.net/f/7/b/7/10055976/blog_6267/txt/4477948/98.gif
http://f.blog.xuite.net/f/7/b/7/10055976/blog_6267/txt/10134612/8.gif
http://f.blog.xuite.net/f/7/b/7/10055976/blog_6267/txt/10134612/9.gif
http://f.blog.xuite.net/f7/b7/10055976/blog_6267/txt/3398955/3398955_18.gif
http://f.blog.xuite.net/f7/b7/10055976/blog_6267/txt/3398955/3398955_12.jpg
http://f.blog.xuite.net/f/7/b/7/10055976/blog_6267/txt/10134612/0.gif
運用 Xuite「自由欄位設定」功能，加入自定貼紙的程式碼。程式碼請見 
說明
自定貼紙的程式碼可以放在現在已有的自由欄位「本文」中。如果你不曾使用過自由欄位，則需單獨新增一個自由欄位，並加入程式碼。
由於 Xuite 只提供五個自由欄位，不建議為了自定貼紙浪費一個獨立欄位。接下來 的說明是以現在已有自由欄位者為例，告訴你如何編輯它。
進入自由欄位設定，編輯現在已有的自由欄位
在任一自由欄位點選「編輯」，在該自由欄位「本文」的最後，貼上這段程式碼。
<div style="position:absolute; top:-347px; right:135px; z-index:2; background:transparent none; text-align:right;"><img src="貼紙圖檔網址" border="0"></div> |
注意：這段程式碼有預設貼紙位置，你需要調整程式碼 top 跟 right 的數值，將貼紙置於想要的位置。此處 top 的預設值是負 347px，right 的預設值是 135px。貼紙圖檔網址別忘了寫進去。
編輯完畢，按下「確認」，再按下「確認送出」。
如果第一次新增自由欄位，在新增完畢後，還需運用「版面編排」功能，把上個步驟新增的欄位拖拉至版面中
調整貼紙位置
運用「自由欄位設定」，修改程式碼中的 top 及 right 數值。top 設定貼紙高度，right 設定貼紙水平位置。你可能需要多試幾次，把貼紙置於你喜愛的位置 (我使用的數值單位是 px)。如，top:-200px; right:0px。
可能問題
用「新增自由欄位」的方式加入自定貼紙程式碼，結果左欄或右欄多出一個只有欄位名稱的怪欄位
可能解決方式：在那個自由欄位的「本文」增加一些文字內容。
加入自定貼紙程式碼後，版面全部亂掉
可能解決方式：如果你有一個以上的自由欄位，試著將自定貼紙程式碼換到另一個自由欄位放放看。別擔心版面亂掉，只要刪除自定貼紙程式碼，版面就會恢復正常。
Xuite CSS教學、樣式與問題整理
http://blog.xuite.net/yeegiah/diary/11431003
更多關於羅傑的CSS：
http://blog.xuite.net/yeegiah/diary?st=c&re=list&p=1&w=110964
