Tuesday, September 30, 2014

Membuat Dan Memasang Cursor

 Hello Semuanya kali ini aku bawa tutorial cursor yang mau tahu click baca selengkapnya

Kamu harus download Adobe Photoshop dulu disini kalau belum punya.
  • Buka Adobe Photoshop mu versi berapa pun, punya Annisa versi 5.
  • Save salah satu cursor di bawah ini.
                                                                                         
  • Setelah kamu save cursor dasar yang paling kamu suka, kembali lagi ke photoshop. File > Open atau Ctrl + O.
  • Cari dan klik dua kali cursor yang tadi kamu save.
  • Sudah terbuka cursor nya di photoshop? Oke, File > New atau Ctrl + N.
  • Atur width dan height nya seperti dibawah ini atau sesuai kebutuhan. Lalu klik "OK".
  • Pindah ke tab cursor tadi. Perhatikan gambar di bawah.
  • Kemudian, gunakan Move Tool atau tekan M di keyboard. Drag and drop cursor dasar tadi ke tab "Untitled-1". Caranya : Klik image cursor dasar lalu drag atau tahan dan bawa ke tab di sampingnya, setelah pindah ke tab sampingnya atau tab "Untitled-1", drop atau lepaskan di kanvas.
  • Sudah di drop? Sekarang klik Text Tool atau tekan T di keyboard. Ketik nama-mu atau nama apapun yang kamu ingin seperti gambar di bawah ini. Atur yang lain sesuai selera.
  • Pindahkan text ke samping cursor dasar dengan menggunakan Move Tool (M). Seperti tadi, drag and drop text sebisa mungkin sehingga tampak di sebelah cursor dasar.
  • Kalau kanvas terlalu besar, gunakan crop tool untuk memotong kanvas, tekan C di keyboard untuk lebih mudah.
  • Tarik mouse-mu lalu lepas jika sudah sesuai dengan cursor-mu
  • Nah, sekarang cursor nama-mu sudah jadi!
  • Merasa mouse terlalu besar? Tekan Alt + Ctrl + I di keyboard, ubah ukuran width dan height nya sesuai selera.
  • Satu langkah lagi, pilih File > Save As. Simpan dengan format .png
Sudah jadi deh cursor nama buatan kamu sendiri ^o^  Cara memasangnya? Oke, see this :
Simple, Denim Template etc. :
  • Dashboard > Layout atau Tata Letak > Add A Gadget > HTML/JavaScript.
  • Copy kode ini
<style type="text/css">body, a:hover {cursor: url(Url Image Cursor Mu), url(Url Image Cursor Mu), progress !important;}</style>
  • Paste-kan di HTML/JavaScript tadi.
  • Save.
Classic, Blogskin Template, etc. : 
  • Dashboard > Template > Cari kode body{
  • Copy kode ini
cursor:url(Url Image Cursor Mu),auto;
  • Paste-kan kode tadi tepat di bawah kode body{
  • Preview lalu save.
Cari URL Image nya bisa di photobucket.com atau di imgur.com. See ya^^~!

No comments:

Post a Comment

Moshi - Moshi

Leave comment here
Request ? tell in cbox
Dont bad words

Obey the rules ? Free comment :)

 
Related Posts Plugin for WordPress, Blogger...