Sekarang saya akan share tutorial cara membuat cursor sendiri menggunakan Photoshop. Tutorial ini berguna untuk kamu yang ingin blognya memiliki ciri khas dan berbeda dari blog yang lain. Dari sekian banyak efek ataupun widget yang bisa digunakan, ada satu widget yang wajib kamu coba, yaitu mengubah icon cursor. Di luar sana banyak yang menawarkan bentuk icon yang bermacam-macam, namun alangkah baiknya kamu sendiri yang membuat gambar cursor tersebut. Sehingga hanya akan ada satu di dunia yang seperti itu, yaitu blog kamu. Lalu bagaimana cara membuatnya?
Berikut langkah-langkah cara pembuatan dan pemasangan:
- Save as dulu background transparent untuk cursormu, 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 dengan cara masuk ke blogger.com > Tata Letak > Tambah Gadget > 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>
10. Untuk mengganti tulisan URL CURSOR ada 2 metode yang bisa digunakan:
- 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.
- Upload foto di entri terbaru blog, kemudian pindah dari menu compose ke html, lalu copy url yang dimulai dari https:// sampai .png
 |
 |
Upload
|
Copy
|
~ Semoga Bermanfaat ~
