Cara membuat cursor animasi

 Pengin tampilan cursor di website atau di blogger tidak biasa. Begini cara memasang kursor animasi buat blogger atau website sobat agar tidak membosankan. Ada banyak macam-macam animasi cursor untuk di website atau blog, tinggal  pilih sesuai selera.

Langka-langkah memasang kursor animasi untuk blog :

1.  Login ke blogger sobat

2. Pilih Laman

3. Pilih Tata Letak

4. klik Tambah Gadget Html/JavaScript

5. Copy & paste kan kode html mouse yang diinginkan di bawah ini 

6. Terakhir Simpan

Kursor Spongebob

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-12/too1107.cur), progress !important;}</style><a href="https://pariwartapendidikan.blogspot.com/2023/02/memasang-kursor-animasi-di-blog-website.html" target="_blank" title="SpongeBob SquarePants"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="SpongeBob SquarePants" style="position:absolute; top: 0px; right: 0px;" /></a>

Kursor Mr. Crab

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-12/too1104.cur), progress !important;}</style><a href="https://pariwartapendidikan.blogspot.com/2023/02/memasang-kursor-animasi-di-blog-website.html" target="_blank" title="SpongeBob SquarePants Mr. Krabs"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="SpongeBob SquarePants Mr. Krabs" style="position:absolute; top: 0px; right: 0px;" /></a>

Kursor Pelangi

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-1/cur18.ani), url(http://cur.cursors-4u.net/cursors/cur-1/cur18.png), progress !important;}</style><a href="https://pariwartapendidikan.blogspot.com/2023/02/memasang-kursor-animasi-di-blog-website.html" target="_blank" title="Wavy Tail"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Wavy Tail" style="position:absolute; top: 0px; right: 0px;" /></a>

Kursor hati

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-6/hol512.ani), url(http://cur.cursors-4u.net/holidays/hol-6/hol512.png), progress !important;}</style><a href="https://pariwartapendidikan.blogspot.com/2023/02/memasang-kursor-animasi-di-blog-website.html" target="_blank" title="Valentine's Day Pumping Heart"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Valentine's Day Pumping Heart" style="position:absolute; top: 0px; right: 0px;" /></a>

Kursor Monyet

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-2/nat192.ani), url(http://cur.cursors-4u.net/nature/nat-2/nat192.png), progress !important;}</style><a href="https://pariwartapendidikan.blogspot.com/2023/02/memasang-kursor-animasi-di-blog-website.html" target="_blank" title="Cute Rocking Baby Monkey"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cute Rocking Baby Monkey" style="position:absolute; top: 0px; right: 0px;" /></a>

Kursor Samurai X

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/special/spe-1/cloud_strife.ani), url(http://cur.cursors-4u.net/special/spe-1/cloud_strife.png), progress !important;}</style><a href="https://pariwartapendidikan.blogspot.com/2023/02/memasang-kursor-animasi-di-blog-website.html" target="_blank" title="Final Fantasy 7 Cloud Strife"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Final Fantasy 7 Cloud Strife" style="position:absolute; top: 0px; right: 0px;" /></a>

Kursor Peace

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-8/sym714.ani), url(http://cur.cursors-4u.net/symbols/sym-8/sym714.gif), progress !important;}</style><a href="https://pariwartapendidikan.blogspot.com/2023/02/memasang-kursor-animasi-di-blog-website.html" target="_blank" title="Different Types Of Peace Symbol"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Different Types Of Peace Symbol" style="position:absolute; top: 0px; right: 0px;" /></a>