Cara Mudah Merubah Kursor di Blog - Sampai jumpa lagi bersama saya, seorang blogger yang tak pernah bosan berbagi tutorial dan hal ihwal lain yang berlaku di internet (lebay ah).
Seletah selesai merilis artikel tentang Cara terbaru Membuat Recent Post di Sidebar Blog dan artikel tentang Cara Membuat Gambar Membesar saat Dilewati Kursor di Blog, Sekarang saya akan berbagi tutorial tentang Cara Merubah Kursor di Blog.
Jika anda berminat memasang di blog anda, beginlah racanya:
Cara Mengganti Tampilan Cursor Mouse Di Blog
- Silahkan kunjungi situs http://www.totallyfreecursors.com, disana terdapat ratusan icon-icon cursor keren, lucu dan menarik yang bisa anda pilih.
- Lihat di side bar, akan terdapat "Cursor Menu", kemudian pilih kategori gambar icon yang anda suka.
- Setelah anda menemukan Icon cursor sesuai selera anda, Silahkan Cari dan Copy kode HTML yang tersedia dan simpan di Notepad, sesuai gambar pilihan anda seperti terlihat pada gambar dibawah ini
- Selanjutnya, Login ke akun blogger anda
- Klik Tata Letak > Tambah Gadget lalu pilih HTML/JavaScript
- Copy dan Paste kode HTML yang ada di notepad tadi.
- Kemudian Simpan dan Lihat hasilnya.
Misalnya model kursor yang Anda pilih adalah seperti ini:
<div align="center" style="z-index:9;visibility:visible;"><a href="https://www.totallyfreecursors.com/" target="_blank" class="tfc"><img src="https://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif" border="0" width="88" height="31" alt="Free Blue Lt Glitter Working in Background Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/blueltglitwrkbgnd.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/blueltglitwrkbgnd.gif"), auto;}</style>
Quicktips: Sebetulnya Anda hanya butuh kode berikut ini untuk ditambahkan ke kode <style>
di blog
HTML,BODY{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/blueltglitwrkbgnd.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/blueltglitwrkbgnd.gif"), auto;}
Selamat mencoba, semoga tutorial ini bermanfaat.
Share this
Posting Komentar
Image
.pre
,code
, atauquote
.Salin Kode!
lalu paste ke kolom komentar.image quote pre code