Mengganti Logo Cursor Default Unik Menarik Keren

agung wisudhatama February 20, 2022 Komentar

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم

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 Dashborad
Pilih 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.

Cursor Komet Berekor

Result

Cursor Ikon Medsos

Result

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.

Bagikan ke teman-teman kamu

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.