Tutorial Your Own Cursor
Monday, 1 May 2017|| 0 Comments
Assalamualaikum an haiii. Hari ni Munirah rajin sikit nak buat tutorial macam mana nak buat cursor macam yang Munirah guna tu. Okey, here we go ~
File > New. Set width and height macam dalam gambar di atas. Jangan lupa background contents tu letak transparent ye.
Now besarkan guna kanta pembesar yang Munirah bulatkan dalam gambar sampai korang puas hati dengan saiznya.
Now, lukis tiga titik di penjuru macam Munirah buat.
Bila dah crop dia akan jadi macam dalam gambar ni. Andddddd korang dah siap !
Tadaaaa, ni hasil yang Munirah dapat.
Ni pulak cara nak masukkan cursor.
Bagi pengguna classic template macam Munirah ni caranya :
Tekan CTRL+F, cari
body{
Then, copy dan pastekan ini di bawah body{
cursor: url(URL IMAGE),auto;
Lepas tu SAVE !
Bagi pengguna template baru,
Pergi dekat Layout > Add a Gadget > HTML/Javascript
Copy dan pastekan benda ni
<style type="text/css">body, a, a:hover { cursor: url(URL IMAGE), progress;} </style>
Dekat URL image tu jangan lupa gantikan dengan gambar cursor yang korang dah buat !
Boleh upload dekat imgur.com, photobucket.com atau dekat entry blog korang sendiri. Caranya..
1. New post
2. Upload gambar
3. Right click dekat gambar yang korang upload tu
4. Copy link address
5. Tekan SAVE bukan PUBLISH tau. Then CLOSE.
Korang boleh la upload gambar lain lagi dekat situ untuk dapatkan URL IMAGE.
SELAMAT MENCUBA !