Trick Blog | Berbagai Macam Cursor

Iyap, kembali lagi bersama saya.. Ohiya, saya memohon doa agar saya bisa mendapatkan nilai yang bagus dan maksimal dikarenakan saya sedang menjalani ujian akhir sekolah untuk semester 1.
Nah, disini saya ingin berbagi mengenai "Berbagai Macam Cursor" yang saya kira cukup menarik. Mengapa demikian? Hal ini juga bisa membuat blog anda tidak membosankan, namun walau begitu saya tetap tidak memilihnya untuk menghias blog yang saya miliki..

Oke, langsung saja ke topik permasalahan.
1. Login ke blog anda --> Design --> Edit HTML
2. Masukkan kode CSS berikut di salah satu tag, semisal a {

a {
color:#161515;
text-decoration:none;
}

Tambahkan dengan cursor: hand; sehingga menjadi

a {
color:#161515;
text-decoration:none;
cursor: hand;
}

Atau dengan kode HTML beserta contohnya

<span style="cursor:wait">Ayoo Dekatkan Pointer Ke sini</SPAN> 

Ayoo Dekatkan Pointer Ke Sini 

3. Anda bisa mengganti cursor: hand; dengan macam macam cursor di bawah ini beserta juga demonya...

Cursor Type	Example (Move Mouse Over Text)
auto	Shows it according to how the viewer has it set (plain)
crosshair	Looks like a cross
default	Makes the cursor stay the same
move	Looks like you should be moving something
hand	The hand you usually see over links
help	A question mark beside the arrow
text	The bar you see when the mouse is over text
wait	The "waiting" hourglass!
n-resize	An arrow- North
s-resize	An arrow- South
e-resize	An arrow- East
w-resize	An arrow- West
ne-resize	An arrow- NorthEast
nw-resize	An arrow- NorthWest
se-resize	An arrow- SouthEast
sw-resize	An arrow- SouthWest

4. Save!
Bagaimana? Keren bukan? Silahkan beri komentar like beserta sharenya.. Dan sekali lagi Mohon doanya agar diberi kemudahan dalam mengerjakan soal UAS.. Amiin

Tweet

Artikel Terkait: