アニメカーソルへの変更方法

これまでスタイルシートに関して、整備手帳に載せて来ましたが、カーソルに関してが説明しにくくて…これまで、アップするのを躊躇してましたが、なんとか頑張って書いてみます。

まずは最初に、カーソルに使用したい素材をネット上で探してください。
使用出来る拡張子は「.cur」「.ani」のみです。
ちなみに、意外と素材自体が見つけにくく、マウスポインタ、カーソル、素材等、色々と試して検索した方がいいかも？(;^ω^)
見つけたら、PCにダウンロードして保存してください。

PCにカーソルの素材を取り込んだら、これをネット上に保存する必要があります。
拡張子「.cur」「.ani」を取り込める所ですが、自分はYahoo！のジオシティーズ（https://geocities.yahoo.co.jp/admin/）しか知りません。（無料です）
ジオシティーズに登録後、赤丸をクリックしてファイルをアップロードします。

アップロード完了後、使用するカーソルをクリックします。

普通は画像が表示されるのですが、拡張子「.cur」「.ani」だと、文字化けした画面が表示されます。
最初はこれが意味不明だったのですが…

この文字化け画像を右クリックしてプロパティを表示させて、その中のURLがこのファイルのアドレスになる様です。

ここから、やっとスタイルシートへ…
ページBody（body）
に
cursor:url("先ほどのURL"),auto;
を追加すると、カーソルが変更されます。

リンクにカーソルを乗せた時に違うカーソルにしたい場合。
リンク（a）
に
cursor:url("違うカーソルのURL"),auto;
を追加するとマウスオーバー時に違うカーソルになります。

っと、こんな感じですが、分りますかね？

追記

2018 3/19に行われた、常時SSL化の影響でしょうか？
書き換えた、スタイルシートのカーソル化が反映されなくなりました。

今後、進展や分かった事があれば追記致します。

また、対策等で反映させる方法をご存じの方、教えて頂けると助かります。

宜しくお願い致します<(_ _)>