Keberadaan cursor sangat dibutuhkan bagi para penggiat kegiatan di dunia maya terlebih yang mengunakan perangkat komputer desktop maupun laptop. Dengan cursor kita bisa mengarahkan ke tujuan yang akan diklik.
Cursor yang ada saat ini sudah terdefault dengan logo panah yang miring 45 derajat ke kiri atas. Cursor default windows menjadi default pada software apapun itu. Mulai office, grafis, video editing, sosial media dan lainnya.
Baca Juga : Kehebatan Teknik Mata Ikan Menyembul dengan CSS3
Pihak microsoft windows sendiri sudah menggunakan cursor seperti itu semenjak windows pertama release. Dan hingga saat ini cursor telah tersetting default seperti yang kita gunakan hingga saat ini.
Disini kita membahas yang lebih spesifik lagi tentang cursor yaitu cursor yang kita gunakan untuk ngeblog (istilah untuk penggiat website, red). Cursor default akan kita ganti dengan kreasi dari kita sendiri misal logo favicon atau logo blog kita. Apakah bisa?
Baca Juga : Membuat Multi Kolom dengan Kode CSS3
Semestinya bisa dan kita akan berusaha untukk membuatnya menjadi mungkin dan dapat dilihat di blog kita. Blog dengan cursor logo favicon akan menghiasi halaman blog yang kita kelola. Asyik bukan?
Langsung saja kita membuatnya ya.
Mengganti Logo Cursor Default Unik Menarik Keren
Tutorial Pertama
Cursor Default diganti dengan Logo Medsos
Masuk ke DashboradPilih Tema
Klik Sesuaikan : Edit HTML
Cari kode ]]></b:skin>
Tempelkan kode dibawah persis diatas kode ]]></b:skin>
.body, a:hover {cursor: url(URL Gambar atau Logo Cursor), progress !important;}
Catatan :
Tulisan URL Gambar atau Logo Cursor kalian ganti dengan URL gambar kalian. Atau logo medsos yang sudah kami sediakan disini.
URLnya ada dibawah tinggal salin aja :
Facebook :
https://blogger.googleusercontent.com/img/a/AVvXsEgG_F1WbwthXcoZ1O0Z22MfgbvmSOkwjTfnaXWF-Lw9XuOKf87k9YzYuNzD349YzQY-7xTHjUG_dbrKTzlJVyL9Eajk6WLFOCqzlwk7vaCeXHmjkmI5asavgc5-ekKVD11REwRPq-Feyh2PHZFoOhfdnSLJHtCGBf6sFtceYvIiTNggQXbzDkkLeIO9
Instagram :
https://blogger.googleusercontent.com/img/a/AVvXsEicr1VatKqMFJ6Vwscblr5Wfw6_4PQZMyJ0OLQRw_OHkWyWWN8JEBkFZTUyyf5Y02m3kF8iZXrXt9I1oZaEA6pD_GHrH4NsR7vQusgjmKypIHjw_qTZfh0CfhBg2h0tdW9S-N3BR5YJlvvnsSjKstiO1Gy5_zPjDdu4Qig2ye4vE6XOxI-sg2GAsOEl
Behance :
https://blogger.googleusercontent.com/img/a/AVvXsEhfZB_BY8RDuhPOEXTmGUPTytfSH2bx2wlY6ydk_R-w-1n7_Svlx_fbZOs5gITOLg_wGDp-oEhkCqnwkJZvIx0cWWZKPrByfJBwB1B5NOXo50lo4UN43wbxowac1H9dgygRNYEfSAB5oKLDi2mtrPMmSKxocnVpeUYx3myuHJzpwV6oGcnwAV3LRKb8
Dribbble :
https://blogger.googleusercontent.com/img/a/AVvXsEgJuhtry-nix4U-1cEyRN7L5YVpKCyLubsmHZqoHQkoF77di6P569J0tBEz8WUAIFcQxxYB3w1oVfFZ2Rf20aDimu8EEkto4tZcIj-7Dgkivi9M37Mk2BC1MvTGk5qTkx97xlI4lwOI5zU3KoyB84iZ98mfMZtv6_EMBSSf4LyXYUamwpqdCnRVNBAf
Linkedin :
https://blogger.googleusercontent.com/img/a/AVvXsEi3Jnv7L2RFSV2Zvd0dhHEBa7SPLJT_ChGBLYPD7s5E8OdmseJNFShfMA-thEPiumz_3bO4bwur3LJUgHmoAK1HIwlRo38Q8ZmlE0tmAOqz6uVfABngDwe-WiPs3hQEAlnVOF8Ss5yMBiPyMi_cBUcDxtTIMZCUd97tPxGshGu2sez_nbuDFBf74lVB
Pinterest :
https://blogger.googleusercontent.com/img/a/AVvXsEgNK_TTNKylnaKrJhtN8UBA0U4xgPWMOOtb1cbHMtLHG74QuT8T59skzrK9XimOQMa4MygguGzlgNK7tbGZmCUvqsf-PlzpPcB9OBeuJzbaOIZZ9HLRPJUlVCZS-v0YoHLk5IrXVA_Enuo3x0r3wOU88g8UHo5eLTPhGIM3384x0EQDuVfyetraPvF4
Twitter :
https://blogger.googleusercontent.com/img/a/AVvXsEhWszkH8g3OOUVeiljrmCewDx_QIdh0av3wqeqd0ELaxx9GTVrSJFKfhtAj9PcLwJ8_6oBB3B9wQVGQP2qqw1LkpNAMMgvT8tDCFfG76ZdoHUIR2VAsjk6D1y3R6KZjd8hwcVIg7VOLrS3SYCwaZtWdO3lYHaNC_J56v9QEJ9R_kck29-9CulbQkzDE
Whatsapp :
https://blogger.googleusercontent.com/img/a/AVvXsEjPiIzcW5PG_nmO8HFuXwzEAp7vg2-AAU5G3N8tdFROAoBwWPDH-aOjymdS__pz6JQMiDLjeGwxTEbtk4rQgW9lgwQmlp7N5wDoiEZQ2CkojgMpjpRj_f_MqwD-HIW1V7Loqn7LLCoZIs61Wo5DUDv1eA64PFCfBMZkfxzNsH5rPnS6v0UwErGl1nMo
Youtube :
https://blogger.googleusercontent.com/img/a/AVvXsEjwWA_orTu6TyhC0Lr0eCN1CEhzovHYFT5HZxl7zd5oLrFfp6HJxTj739sJKkkZ5HQUIJ7kTs-h-omfRNbeQm_NFeLAojbDfSAlx8cMUw6cxetACFuC9qehSDIJcEVHbYUMcYoFF3nUCbgFDFyxjYzP5agtRLXFhh9qNELiT_ytthN4wwKdsW2HoqJv
Tik Tok :
https://blogger.googleusercontent.com/img/a/AVvXsEjrS06BAISItjrBvVKu44aM3YRro2f_kgaEZSg-vabobIj2oD86Mr6tXcEOI52b-Ddn-QisMFDLQExwB3_Ni9gs7Npu-u66kH_7irw2mSYUwTTSJQ0KmYcclSTBNPs_qW70EHfUPy5IeSursiqE2EaxNTtZnsCAdpZbkpBEqmJJZE05vtZudJPiwVJ2
Tutorial Kedua
Cursor Default Diikuti Komet Berekor
Sekarang untuk mengganti cursor default dengan tambahan kursor berekor seperti komet. Ya, komet. Nanti cursornya akan diikuti oleh tulisan yang berbentuk seperti komet.Untuk yang ini lumayan bagus nantinya. Karena dengan adanya trik ini, maka cursor akan terlihat unik dan menarik. Tertarik untuk mencoba, kami akan memberikan kodenya dan caranya dibawah ini :
Masuk ke Dashboard
Klik Tata Letak
Pilih Tambah HTML/Javascript
Tempelkan kode dibawah di konten kosong yang tersedia.
<style type='text/css'>
#outerCircleText {
font-style: regular;
font-weight: bold;
font-family: 'arial', tahoma, arial;
color: #FF1493;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>
<script src="https://rawcdn.githack.com/Alifacode/backupmaster/60c2b14200b5a76c252ca61cc5bd52a053fe58a2/ALIFACURSORKOMETBEREKOR.js" type="text/javascript"></script>
Sekarang save dan publish artikel. Pasti dah jadi tuh.
Sekian yang dapat kami sampaikan. Semoga artikel Mengganti Logo Cursor Default Unik Menarik Keren bisa membuat blog kalian menjadi lebih kreatif. Dan cursor yang ada di blog kalian sudah terganti dengan logo medsos yang sudah diberikan tutorialnya diatas. Terima kasih yang sudah mampir dan membaca artikelnya. Wassalam.
Label Postingan :
Tips Blog
Terima kasih ya udah mempraktekkan tutorial blog di web alifacode.com dengan judul Mengganti Logo Cursor Default Unik Menarik Keren . Semoga tutorial blog ini dapat bermanfaat. Salam Blogger.