Mengganti Style Cursor

Mengganti Kursor Dengan Gambar Pada Blog buat memberi efek yang berbeda pada tampilan blog anda bisa anda tambahkan dengan berbagai gambar / icon. Tepatnya kursor defaul adalah seperti



Namun anda bisa mengubahnya dengan gambar atau icon sesuai selera anda misalnya akan diganti dengan



caranya tambahkan pada body template anda

cursor: url("http://gambar / icon"), default;

contoh:

body {
margin: 0px;
padding: 0px;
cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiefvRswmN4zXwDic4Y4DAgvbffszYpQxjNgt606QJLlwm9cjBrqnC7Ux9LhcBDmPEjb-AGndrg-oxwngrzPNXAzUEeCInq-P4tY7lBVUmfbKcbZm4PBg8CCiQ-GEX-RYwJzuRJMNRq82UJ/s320/css_row-resize.gif"), default;
------dst------
}

Maka secara default kursor pada blog anda akan berubah menjadi gambar / icon diatas.

Tapi jika anda menginginkan kursor pada blog anda hanya berubah pada link saja caranya tidak seperti cara tersebut, dibawah ini ada beberapa nama buat mengganti kursor anda pada link, untuk mencobanya coba anda dekatkan kursor anda pada kata yang bertuliskan TEST, kursor anda akan berubah sesuai namanya.

Look Values Look NS IE Example default TEST 6+ 4+ cursor:default crosshair TEST 6+ 4+ cursor:crosshair hand TEST 4+ cursor:hand pointer TEST 6+ cursor:pointer Cross browser TEST 4+ cursor:pointer;cursor:hand move TEST 6+ 4+ cursor:move text TEST 6+ 4+ cursor:text wait TEST 6+ 4+ cursor:wait help TEST 6+ 4+ cursor:help n-resize TEST 6+ 4+ cursor:n-resize ne-resize TEST 6+ 4+ cursor:ne-resize e-resize TEST 6+ 4+ cursor:e-resize se-resize TEST 6+ 4+ cursor:se-resize s-resize TEST 6+ 4+ cursor:s-resize sw-resize TEST 6+ 4+ cursor:sw-resize w-resize TEST 6+ 4+ cursor:w-resize nw-resize TEST 4+ 4+ cursor:nw-resize progress TEST 6+ cursor:progress not-allowed TEST 6+ cursor:not-allowed no-drop TEST 6+ cursor:no-drop vertical-text TEST 6+ cursor:vertical-text all-scroll TEST 6+ cursor:all-scroll col-resize TEST 6+ cursor:col-resize row-resize TEST 6+ cursor:row-resize cursor:url(uri) TEST 6+ cursor:url(uri)

Nah jika anda akan mengganti kursor dengan gambar pada link saja,Misalnya anda akan menambahkan gambar pada link yang bertuliskan Mengganti Kursor Dengan Gambar Pada Blog dengan "cursor:move" (pada tabel ke 6) caranya :

Tambahkan

.xlink A{cursor:move} diatas ]]></b:skin>

Selanjurnya tambahkan perintah span xlink pada link yang akan anda tambahkan gambar / icon, contoh:

<span class="xlink">
<a href="http:// url">Mengganti Kursor Dengan Gambar Pada Blog</a><br>
</span>

hasilnya;

Mengganti Kursor Dengan Gambar Pada Blog

Dan link - link seterusnya