pertama download dulu nih backgroud tranparant-nya format PNG klik disini
Setelah itu, kamu buka Photoshop. Klik File -> Open lalu pilih file background transparent tadi. Kemudian kamu pilih gambar yang ingin kamu jadikan cursor. Lalu buat path menggunakan Pen Tool.
Setelah selesai membuat path, klik kanan lalu pilih Make Selection.. Feather Radius-nya bebas, kalau aku pilih 3 pixels.
Kemudian kamu klik Alt + Ctrl + I. Akan muncul box baru bertuliskan Image Size untuk mengecilkan ukuran gambar. Kamu ubah width-nya saja, kira-kira 80 sedangkan height-nya secara otomatis akan menyesuaikan dengan gambar. Gambar pun berubah menjadi kecil. Drag gambar yang telah dipotong tersebut ke background transparent yang telah kamu save tadi. Sesuaikan jaraknya sesukamu. Terakhir tinggal kamu save as, dan harus diingat saat save, format file-nya harus diganti jadi PNG agar gambar cursor-nya menjadi tetap transparent.
Langkah terakhir tinggal pasang cursor itu di blogmu.. Masuk ke Dasbor -> Rancangan -> Tambah Gadget lalu klik HTML/JavaScript.
Copy kode berikut dan paste-kan di box HTML./JavaScript:
<style type="text/css">body, a, a:hover {cursor: url(URL CURSOR), progress;}</style>
Untuk mengganti tulisan URL CURSOR caranya gampang, cukup upload gambar cursor-mu itu di photobucket(yang belum punya akun, harus daftar dulu). Nanti setelah diupload, copy Direct Link-nya dan paste-kan disitu.
dan hasilnya akan seperti ini . .
0 komentar:
Posting Komentar