cara ganti cursor hand pada link

beberapa postingan trakhir berhubungan dengan cursor antara lain, animasi pada cursor, cara ganti cursor default dengan gambar, style cursor pada link tertentu. Tutorial kali ini masih terkait dengan cursor, apa itu? cara mengubah cursor hand dengan gambar pada link, maksudnya gini, pada template dasar jika cursor mengarah ke sebuah link maka cursor tadi akan berubah menjadi cursor jenis hand. Untuk itulah tutorial ini saya buat, anggap sebagai contoh coba arahkan cursor anda ke link ini blogger.com. gimana, cursornya berubah kan? Jika anda suka berikut caranya;
  • log in
  • tata letak/layouts
  • edit html
  • cari style css seperti ini;
  • a:hover{ xxx: xxx ; dan setrusnya. . . atau a:hover { xxx: xxx; dan sterusnya. . . (abaikan xxx: xxx; dan sterusnya. . . )
  • nah, jika sudah ketemu tambahkan style berikut;
  • cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-dAohqX38I96vZqauyDU5oY4-JR8ZqdBtpOVwy3xL-3KP8_3Emg_-YigZUIndnuyJ-PPy57ZXSEACctlYr7CMmtZ0URM7a9W9volzdiq2VrH4yW224fKky2dx6T_nLCj4c_oPsCK86Ik/"), default;
  • setelah a:hover {
  • maka akan seperti ini a:hover {cursor:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-dAohqX38I96vZqauyDU5oY4-JR8ZqdBtpOVwy3xL-3KP8_3Emg_-YigZUIndnuyJ-PPy57ZXSEACctlYr7CMmtZ0URM7a9W9volzdiq2VrH4yW224fKky2dx6T_nLCj4c_oPsCK86Ik/"), default; xxx: yyy ; dan seterusnya . . . . }
  • simpan
jika ingin mengganti gambar cursornya, hapus text/url gambar(warna merah) kemudian ganti dengan beberapa pilihan berikut;



tampilan
url gambar cursor


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPanPXolgZTM9b9CIV0PzmLhQRqm3ucN6Q9NYpIWzR6kMLJ6U6T3Fif15mIKuvaqGurNadA3RhKIId4o42pgl3rgtquKohqxrsfH7Hck2YSV9lX6mqPlwEHzNThXt0rmo_FEEXdordLaI/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8e-wayzYqS9BQGZaL3KxJe8t7Hxz5pmRDdudwX6Xh7ynTXNQQMGZ8roncgh1EUtPYGyzTkLwL7uywLVvsHzJT4_KmF7-gwyjxYCzMlJQArtIjSmqVgnTLYMi27Yg1Mtc1rdJtjHJTjE4/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj17KJ8XRw9TG7uK_Y-VR9X0RP0MxCsTdE7gpjFUpWSFb2D2in8oSNMpdRqbqWlhppn5QvuRAdNYQNJ17iiTfqjIXKXEUY2jTYaHPpY0vl9jGDQeFo5CzYWR9cztUkST-PqStbg9Mc817Q/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2UMrafEtrCcpx_QuGe-vV8z0_xj03gjERb6_USgSLE4SLrgHTqz69HLWRLcGllzA64Qr2hlQUoqarSanfisAByyjC2Zn7t96I1mkoQx119XAfptLY49pdNN0Ratm2XMjRCT7BHGjxijk/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_XSkwdhpmDV1jBBCPaHH3GdPDzA7OpYaBGxKftmvRa4ZKQXRN-cX9WzhJe3zOoTJOXNqi-rpmfAOGg0xG0nu0gkQZt0b3x5swBL4xbNxa_JqS5NAgLD4FjUaK6vwzCFLNYbSNlhUW4L4/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibITKEGkv_vZ6CsSWKXN_q6N8FMKqD6oJFd0J8BrNL6g7B4gpyBjuUDOFHMn-Sez60JpE2E1hQuDgW3ERdvE_6Yr4bSaS7Gqo1mwbtI28voj4VEKGuoQ51Wdk4ufLO8smuD_Fwh4H0AT4/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-JmVWFwGCZM5loOvXBArs1k0eJvaPizeVdcbha88Fnzqkc58oANzjsl10rNtwH_KT64hrykzexkyTUTMtDZwOoJl7P2UQi9aJ9O6u-p1T8szLXzAU-oBCmnVrV_PAHjWJhlSxpmRFQ-0/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis7ySnLbPOtvEnVJYEHixzF6Fhi0c0DRFsu2vP3rZtjkuVuDnZ1TNjkBOK5fQ76o0oiwXcYQT4zdLP6xquCZ6dF8YaHxBT1hn60DiAtWAxo2p6Z23tiv_Mj-b0mKx2JdA6Pabh6Uo5Fuw/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihANdYYbCHwbBRm0htSKRu9Q833Vru7jj1-xCAb49jYTWt9blJnHvTPphQbLnyek_ua7ndgD-aZsS3O7Tkl8TwTbRRWxkiUYOezT1oT1DSMPzbGS3LFPE77D_C17hh0tqYKZzQhW1ktx8/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXrvV1H54Ks21Wf33LcsNFbItues7vvg_v3dS2m-Hv4KygOZ6kPG6glqHbYzOGI_DYymF7cAf0O7fswDXj0qRdPrNYJPWKsNL0WzsDK8JjAoEo_zxFbFPzapwj2T9sLoO4ieFlhdojmyk/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDSKRNdNPbJCfgI-Sr4uX2t2fDXAvz5aeEFDEj2ORagLuyK822Sp4dHtqgqtn40YjeC8AkiFHFDQRf7KuFjr7OqKCltwnbEQgX3_YDMIhhIhYoEETO2dw9J03OkzUEm1a-sV2K8IRtub4/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5a7SBlEW95uoiiUfxUPqg8G05cIKQfAbDNF2pvt3IGBoaT_FSdSgJEnlDbQtNFAo1NRxG4LVsYAn6REbW7gQOOXV5sIzRFNX14nGVCEDMaVObbgLOEB6rRfW_hbxTFMAkRr4-oOw1hHw/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGot2mJaed6TqsFLufMigQnXQZGhgVSV8goA8v0tkcoaHbmmAUqFKWc8EoJXDz5KKZ1YUhp1cnfTk1yxdOPVuIUjx2VFg0FX6ZvMyX_uoU0bg4r0vIN2Yzio7Z_YJ3nC71lzKRlAOPW-Q/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU5L7fS3evjd9f0rein1goKwNTmq-9GCI61H46NBiJtq-NJhea56dIt_Epcy4z0DsNDNYtLPlqSk70i8wh1Iv4NaI_6kvPuO9SyU1h2QJpoI_IlKRJTBCFp-ksDHj3pey3GI2ISS-jp-A/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5XWyNc4wcJX51nLwFQxdXzN9VVh1CrG6ftNf2Q17hwVwaNPFeab5jDYw0CQbQMCRshmkhFGCMa_n3lrVORrpFvrfm7LGjGrg1BeIqPASD8oSnqWi642UlyaaBgkM__7VpjyK3tYMus7s/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtYUCfGVEDO_gJdHQWqtBfQQ0Y3-T3t95PurSyf1ZxjsVCfTC5OTa6rRTjpM-mvifc7x-coFHWi30CSCiPDn5csswPvGPWmwo-SH4qazUp1vIwJDJSl6gUzAU9UqkevyGsa81MKS7bl7M/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFGqoNgZxXyQBJoVtSxmarsK3hADUYAPooseU0PdogOpxKTIcuRt5eSpxejO8f2_fnElcS3Zh6km8GR5GA5J3z65ISqkfmebPXummuxNaoD2QnAkVgqFMZPpdgJiA08OLMwLeCvuScn6E/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0bxd2WFdrhXnWysVPAuM3XwYb30rEGhlZIdIjXdKsleb7_Nyam7UkqQMJUZ3G0oE6G1N1hBexGoraFIgIbLNMhSAPZLCQ7-O7x8HRuAffPS3dpNTf6xX-1ixPBh9KieFozoszXKww3co/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgByvyOmNl9qKaYskNks12iXJlwbx_FGU6R-QrlyfFTj-vXCa2MeKYR4FWqZxyPLyTskzNlGedTeaxz2brmRVaJDwT2N-pJbpubaUPUUBNt7k9eCpml7Wfp6HImd9eIbMs7Iv0cAp83d34/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWOCRTgmzdE-7k5ROlOpz3bdigAgdHBds9_2oZlBSTOZJkQdHt8A03w0VyBp-abeAEHAynt7J3VW_5iKayZ5vTKCHUFhuPJtBwxO0t6eOOxgCubnhiZubkkXr7PUjlNygO_4TOqtVmWPA/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjARTeUGHdaVQ9X3pJ7DlwORwBrGVZxIOo2uC63IwG-VNwUnxMI7BSTFKIR1QyQWRkQP_AmoiDZtK5GUQs097YpRed_VZ5jyEwI1dwlMYUtPwaCzcB0EwSy3Pd4GpZEwO1Xa4IskkZRr34/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKiJwOGLmbNPG_fKN0Po-kOfWOmkItgU08M8kkYMoio8s_Z41lDCLgrINAWSgEm0f0R9uQfkwJyi85Dy8sPQdHDxqdXsVPX8FHTinbFJfVKJAMexsngkRO-ULEkuSXzjpiJYFZ3XXSknc/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQBGSvY_x5wIM26ma9_QQEIlAH_ZFssfa6H4uOsO8ljn7u9OPhSNi9sTX7jrTB0CrH5RrES1L84RRBw73b6dlSXl15kbqFJ0H4eak-WR8aVAwLYRVmSLfxr7ikz_jj4sbuaDhm6ljiBH4/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzWWT7ustgR1dr0TOYY1ZxJ3oDvFi5sC3_Xoglx7rJrLC-8TRjvgInxc5egUWFw-7YdMpsE8xsJ0CCLa5WIIZEPIjc6d4bLxkIeSrcD0oEe9uMzGds1ZH3rwjM8X-krM2KUvlvraxqdbo/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ5s7Jzpog-woz7TIu-U8ZIeIaWBN-QcDFB0X1oX6cTW9TCZL8-GR3LOj0xtR_n7mVIlym8m_GPxkJxVNCYPzXZ5Y-KIrMeWaaEsxMGDpklQCv6r0nALhZ6_Lc9Tfe69slpBM9BVSNdB8/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfiOFr0P3OtuqzYPYvfOb7AWq3sW6kzucJU8VQ0NNM680bJfz-NT1Nn47sUP0MaKpRLNLwSat014Pby6DYn-aGfy_Hi3-2g-ag_tSrRc10rVG_2KmAQRrnVnSoT-T-MQuzW0IZSFwwykU/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfEc9ayEdO35tPBzHJudUFMn2iHGtazhOzcD42lQUV4F1EvrdxIsLEtnq3_JWUAMspMxuCzWk9cb3J_szq11w9FY8YLsawQ-3j-hWmu8UJtzZwKWU6-FY9cZLCdMrvg3U-t92ZHgUUnrg/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7o6pDqR8cPYpyWGhsouEQuvEhWti7pj-anUuICHowlgHl6zWqbHf3NAYUx2VcJ0Rtu7t2g20fS2oXPGgq1JgYnEbCdsJyxmgOk6LmBvrAU6eIeyDhSTnh2V9hcF3NUOJ3_1BzcbQCQWA/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-dAohqX38I96vZqauyDU5oY4-JR8ZqdBtpOVwy3xL-3KP8_3Emg_-YigZUIndnuyJ-PPy57ZXSEACctlYr7CMmtZ0URM7a9W9volzdiq2VrH4yW224fKky2dx6T_nLCj4c_oPsCK86Ik/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjryMg4ikZdxaOodNuHik9J_V3xGFx9-AcKxp4OC_Hz6Tw88Jyol8knRDSSrP7SD9B0cvRahZaFJjfS15OS5HFv5QBuB0UijW5awApTXcFUQy-XHIXe9QnTZkWHEN86N9kdHkUi5m3XloY/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmzU0fDTDS8lfftjzisEKas_IZTGESjiEgpZLozFnQ3P04QUXNBIFoOydYPxCZkDQqOcrjvfFAorbHoi_r0ukEklUUN9zIiLy0Ql4pB8tGBz0niK7YES9ky9B7DhLiHAbhYD-WxEJOo5M/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVS2TJvFxWnCmLAvz8geWk4Eh3LEK5tKVIeozP7tD1h5tfDNjQdbcklRUxeM-32BeOTA3hxenrXDauboImyGce6TJvZxXWJF574c4g0V3Upu1NM2gH-3xU-r-5gQ3kQc4b2TtA0BHZGRg/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2iHt_6BLxUUAusF9leNUvcr93tzYqrl_wgsWC64CDCM5DytGNsO50S32AFn2ade1mXZnemjqcY85IdPR4NTgG8GBiHJm1KZHRieKaw71T7vWCSMvtbTvfgzH1RDvAV1oDP_SLqlZRoYI/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR1PMWVyMH4Rnjq1ykiLotMvYZUrdLgPTqLfiNC9ADxW1_m6Y3is3R0swnJz-NUebitfxP0Z1D0jI7XDMVSkO8OUBIbPyzQcvvc04OWDcH1VjdfXPmafEVepIftEsQKe1dqokdwMG1EAQ/
sumber gambar photobucket.com

1 komentar:

  • Pentaly mengatakan...
    • Terimakasih atas Ilmunya.....

Posting Komentar

Sudah bacanya? silakan berikan opini :)

 

Simple CSS3 blogger template. Design by indam, original from Bontang, Indonesia and thanks to Ollie