Trick Blog, Berbagai Macam Cursor


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

Ayoo Dekatkan Pointer Ke sini 
Ayoo Dekatkan Pointer Ke Sini 

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




Cursor TypeExample (Move Mouse Over Text)
autoShows it according to how the viewer has it set (plain)
crosshairLooks like a cross
defaultMakes the cursor stay the same
moveLooks like you should be moving something
handThe hand you usually see over links
helpA question mark beside the arrow
textThe bar you see when the mouse is over text
waitThe "waiting" hourglass!
n-resizeAn arrow- North
s-resizeAn arrow- South
e-resizeAn arrow- East
w-resizeAn arrow- West
ne-resizeAn arrow- NorthEast
nw-resizeAn arrow- NorthWest
se-resizeAn arrow- SouthEast
sw-resizeAn arrow- SouthWest


4. Save!
 thenks...

Leave a Reply

Laman