Cara Menciptakan Dan Mengganti Cursor Sendiri Di Blog

Diposting pada

Cara Mengganti Cursor Blog – Jika sahabat masih suka dengan yang namanya utak-utik template blog kini ada lagi yang dapat sahabat coba kerjakan yaitu mengubah cursor / mouse dengan gambar yang di buat sendiri sehingga gambar cursor berkembang menjadi lebih unik dan 100% beda daripada yang lain. Dengan memakai gambar  buatan sendiri tentu mengakibatkan blog lebih ekspresif cursor ini yang biasanya berupa gambar panah dapat berkembang menjadi gambar logo sobat. gambar tulisan, dan dapat apa saja. sebelum sahabat mencoba melaksanakan tutorial ini terlebih dahulu kita akan membahas gambar yang akan kita buat sendiri disini aku memperlihatkan pola menciptakan gambar PNG dengan photoshop. bagi sahabat yang belum pernah memakai photoshop mungkin saatnya berlatih dan anggap saja sebuah tantangan kecil. dan bagi yang sudha andal dengan photoshop harus dapat menciptakan cursor menjadi lebih anggun dan lebih keren dari yang aku buat ini. hehe..

 Baca Juga :  Aplikasi / Software Edit Foto Terbaik Terbaru Gratis Dan Berbayar

Cara Membuat Gambar cursor mouse Sendiri dengan Photoshop CS3

Saya yakin hampir semua di antara sahabat semua sudah kenal dengan namanya photoshop. Program ini sangat tepat untuk menciptakan dan mengedit banyak sekali macam gambar menyerupai gambar PNG, GIF, JPG, dan lainnya kali ini kita akan menciptakan gambar PNG biar background nya tidak terlihat / transparent. 
  1. Pertama kali sahabat dapat membuka kegiatan photoshop.
  2. Klik “file” kemudian pilih “New” untuk menciptakan sebuah layer baru.
     Jika sahabat masih suka dengan yang namanya utak Cara Membuat Dan Mengganti Cursor Sendiri di Blog
  3. Ukuran disini hanya sebagai pola saja, misalkan saja width/lebar : 75pixels, height/tinggi : 40 pixels dan resolusi 70 pixels dan lain sebagainya. jikalau sudah final mengukur dan menamai layer pilih “oke
     Jika sahabat masih suka dengan yang namanya utak Cara Membuat Dan Mengganti Cursor Sendiri di Blog
  4. Pastikan sahabat berada di posisi move tool, dan cecklist cuilan select tool dan auto transform controls, biar dapat mempermudah merubah / merotasi posisi gambar nantinya.

     Jika sahabat masih suka dengan yang namanya utak Cara Membuat Dan Mengganti Cursor Sendiri di Blog
  5. Lalu menentukan shape / bentuk dari custom shape tool. 
     Jika sahabat masih suka dengan yang namanya utak Cara Membuat Dan Mengganti Cursor Sendiri di Blog
  6. Saya memberi suplemen biar gambar memiliki bayangan dengan klik kanan pada layer yang ada di sebelah kanan, aku pilih “blending option” 
     Jika sahabat masih suka dengan yang namanya utak Cara Membuat Dan Mengganti Cursor Sendiri di Blog
  7. Cecklist pada “drop shadow‘  
     Jika sahabat masih suka dengan yang namanya utak Cara Membuat Dan Mengganti Cursor Sendiri di Blog
  8. Kemudian gambar di putar sesuai keinginan.
     Jika sahabat masih suka dengan yang namanya utak Cara Membuat Dan Mengganti Cursor Sendiri di Blog

     

  9. Tambahkan juga dapat di tambahkan goresan pena dengan “text tool”
     Jika sahabat masih suka dengan yang namanya utak Cara Membuat Dan Mengganti Cursor Sendiri di Blog
  10. Jika sudah puas dengan editan gambarnya. saatnya menyimpan gambar tersebut menjadi PNG.
     Jika sahabat masih suka dengan yang namanya utak Cara Membuat Dan Mengganti Cursor Sendiri di Blog
  11. Saya beri nama gambar tersebut dengan cursor blog kemudian aku menentukan PNG sebagai extensi gambar biar background tidak terlihat/ transparant. 
     Jika sahabat masih suka dengan yang namanya utak Cara Membuat Dan Mengganti Cursor Sendiri di Blog
  12. Sobat dapat menciptakan gambar tersebut dua buah gambar yang hampir mirip, satunya lagi untuk gambar hover yaitu gambar yang berubah ketika gambar mengarah ke link. sahabat tentu mengetahui jikalau cursor dalam keadaan normal akan berbentuk “panah“, namun jikalau berada di posisi link gambar akan berkembang menjadi “tangan“. dan Berikutnya ialah mengupload gambar tersebut ke internet, caranya dapat dengan mengupload ke blogger caranya persis menyerupai dikala sahabat mengupload gambar pada artikel sahabat yang akan sahabat publish, namun untuk gambar biasanya aku mengupload lewat laman tanpa mempublishnya. 
     Jika sahabat masih suka dengan yang namanya utak Cara Membuat Dan Mengganti Cursor Sendiri di Blog
  13. upload gambar menyerupai biasa, dan pada posisi HTML copy url gambar tersebut. dan sahabat tidak perlu mempublish page tersebut, sebab meski tidak di publish gambar masih dapat di pakai. silahkan close saja. 
  14. Simpan Url cursor yag sudah sahabat copy tadi di notepad dahulu. 
Cara mengganti Cursor Blog Dengan Cursor Buatan Sendiri
Sampai disini aku anggap sahabat sudah menciptakan gambar cursor dan sudah mengupload ke blogger, langkah selanjutnya ialah merubah cursore yang ada di blog dapat tampil seuai dengan keinginan. hingga di sini sahabat dapat melaksanakan dengan gampang step-step berikut ini.
  1. Pertama kita masuk ke blogger pilih “Template” kemudian “Edit template” 
     Jika sahabat masih suka dengan yang namanya utak Cara Membuat Dan Mengganti Cursor Sendiri di Blog
  2. Berikutnya copy code warna biru berikut ini dan ganti instruksi yang berwarna merah dengan ULR cursor milik sahabat sendiri. cursor yang hover maksudnya ialah gambar cursor akan berubah ketika cursor di arahkan ke link.

    <style type=”text/css”>body{cursor: url(“http://3.bp.blogspot.com/-gdUhANnvxt8/VfpXApsiRZI/AAAAAAAACx0/MnC53hep6S8/s1600/cursor.png“), auto;}body a:hover{cursor: url(“http://3.bp.blogspot.com/-gdUhANnvxt8/VfpXApsiRZI/AAAAAAAACx0/MnC53hep6S8/s1600/cursor2.png“), auto;}</style>

    lalu pastekan di atas instruksi </head>  . jikalau sudah silahkan simpan template

     Jika sahabat masih suka dengan yang namanya utak Cara Membuat Dan Mengganti Cursor Sendiri di Blog

     

  3. Lihat hasilnya. 

Terima kasih semoga proses mengganti cursor blog berjalan sukses. selamat mencoba