■■■Loading□□□

部落格自訂動畫滑鼠游標使用教學 

（一）動畫滑鼠游標

首先，先要有自己要的滑鼠游標網址，切記，要是滑鼠游標檔案的網址才行喔！

游標提供網站：

１＿http://home.kimo.com.tw/a815182/ani/1_index.htm

（↑從上面那個網站選擇選擇一個自己喜歡的滑鼠游標，將編號套入以下網址：

　http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem000編號.ani

　例如：你喜歡0208，那你的游標網址就是：

　http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem0000208.ani   ）

２＿http://www.wretch.cc/blog/tina501342

（↑這個無名裡有提供滑鼠游標的文章，請自行尋找，找到文章後，選一個自己喜歡的，

　到「按此下載」那邊按右鍵→內容→複製滑鼠游標網址，記得回應人家的文章喔！這是禮貌！

等你有滑鼠游標網址時，就到你的部落格→管理部落格→面板設定→自訂樣式，

找到下面這個　/*Background*/　的部份，通常都會在比較上面的地方。

CSS語法解釋:

/*Background*/
body{background:#你的部落格背景顏色''如果你只是要換滑鼠游標這邊請不要動 url(你的背景圖片網址''如果你只是要換滑鼠游標這邊請不要動) repeat-x;從這邊加上以下語法CURSOR:URL(你的滑鼠游標網址);}A:hover{CURSOR:URL(你的滑鼠游標網址);}

CSS語法: (上面說"從這邊加上以下語法"的那個地方，加上以下語法，就是從 " ; " 那邊開始)

CURSOR:URL(你的滑鼠游標網址);}A:hover{CURSOR:URL(你的滑鼠游標網址);}

  （二）簡單滑鼠游標

指令表：

十字型  crosshair
十字箭頭型  move
問號型 help 
1字箭頭型 n-resize
小1字箭頭型 s-resize
一字箭頭型e-resize
小一字箭頭型 w-resize
左斜箭頭型 nw-resize
右斜箭頭型 ne-resize

CSS語法解釋:

/*Background*/
body{background:#你的部落格背景顏色''如果你只是要換滑鼠游標這邊請不要動 url(你的背景圖片網址''如果你只是要換滑鼠游標這邊請不要動) repeat-x;從這邊加上以下語法CURSOR:URL(你的滑鼠游標指令);}A:hover{CURSOR:URL(你的滑鼠游標指令);}

CSS語法:(上面說"從這邊加上以下語法"的那個地方，加上以下語法，就是從 " ; " 那邊開始)

CURSOR:URL(你的滑鼠游標指令);}A:hover{CURSOR:URL(你的滑鼠游標指令);}

或是直接拉到最下方,,貼上下面這段語法吧!

body{cursor:url(滑鼠游標網址)}
a:hover {滑鼠游標網址)}

這樣也是OK的唷!

按照以下的步驟 一步步練習做做看

1. 到    http://home.kimo.com.tw/a815182/ani/1_index.htm    進去選妳要的 游標圖案

2.用筆記下妳選的游標編號

3.把下面藍色字體全選並copy

.把下面藍色字體全選並復製貼在→自訂樣式第一排

 /*Background*/
body{background:#FF0066 url ←從這裡貼上↓

(http://tw.yimg.com/i/tw/blog/css/cat1_4/cat1_4.gif) ) repeat-x;CURSOR:URL(http: //www.themecool.com.tw/themecool/cursor/create/ani/ccrem000編號.ani);}A: hover{CURSOR:URL(http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem000 編號ani);}          

貼完跟下面一樣↓

       /*Background*/
body{background:#FF0066 url(http://tw.yimg.com/i/tw/blog/css/cat1_4/cat1_4.gif) ) repeat-x;CURSOR:URL(http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem000編號.ani);}A:hover{CURSOR:URL(http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem000編號ani);}          

 然後到這裡選擇您要的圖案

＿http://home.kimo.com.tw/a815182/ani/1_index.htm

回到自訂樣式把數字編號(共四碼)貼上↓

       /*Background*/
body{background:#FF0066 url(http://tw.yimg.com/i/tw/blog/css/cat1_4/cat1_4.gif) ) repeat-x;CURSOR:URL(http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem0000050.ani);}A:hover{CURSOR:URL(http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem0000050.ani);}  

4.→管理部落格→面板設定→自訂樣式 

    找到並把   /*Background*/ 這個部份連以下的段落 換成剛才copy上面的部份

5.將編號換成妳剛才記下來的號碼（共四碼）

6.按確定就大功告成