Cara Mengganti Cursor Blog
- Jika sobat masih suka dengan yang namanya utak-utik template blog
sekarang ada lagi yang bisa sobat coba kerjakan yaitu mengubah cursor /
mouse dengan gambar yang di buat sendiri sehingga gambar cursor berubah
menjadi lebih unik dan 100% beda daripada yang lain. Dengan menggunakan
gambar buatan sendiri tentu menjadikan blog lebih ekspresif
cursor ini yang biasanya berupa gambar panah bisa berubah menjadi gambar
logo sobat. gambar tulisan, dan bisa apa saja. sebelum sobat mencoba
melakukan tutorial ini terlebih dahulu kita akan membahas gambar yang
akan kita buat sendiri disini saya memberikan contoh membuat gambar PNG
dengan photoshop. bagi sobat yang belum pernah menggunakan photoshop
mungkin saatnya berlatih dan anggap saja sebuah tantangan kecil. dan
bagi yang sudha mahir dengan photoshop harus bisa membuat cursor menjadi
lebih cantik dan lebih keren dari yang saya buat ini. hehe..
Baca Juga : Aplikasi / Software Edit Foto Terbaik Terbaru Gratis Dan Berbayar
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 sobat semua sudah kenal dengan namanya
photoshop. Program ini sangat sempurna untuk membuat dan mengedit
berbagai macam gambar seperti gambar PNG, GIF, JPG, dan lainnya kali ini
kita akan membuat gambar PNG agar background nya tidak terlihat /
transparent.
- Pertama kali sobat bisa membuka program photoshop.
- Klik "file" lalu pilih "New" untuk membuat sebuah layer baru.
- Ukuran disini hanya sebagai contoh saja, misalkan saja width/lebar :
75pixels, height/tinggi : 40 pixels dan resolusi 70 pixels dan lain
sebagainya. jika sudah selesai mengukur dan menamai layer pilih "oke"
- Pastikan sobat berada di posisi move tool, dan cecklist bagian
select tool dan auto transform controls, agar bisa mempermudah merubah /
merotasi posisi gambar nantinya.
- Lalu memilih shape / bentuk dari custom shape tool.
- Saya memberi tambahan agar gambar mempunyai bayangan dengan klik kanan pada layer yang ada di sebelah kanan, saya pilih "blending option"
- Cecklist pada "drop shadow'
- Kemudian gambar di putar sesuai keinginan.
- Tambahkan juga bisa di tambahkan tulisan dengan "text tool"
- Jika sudah puas dengan editan gambarnya. saatnya menyimpan gambar tersebut menjadi PNG.
- Saya beri nama gambar tersebut dengan cursor blog lalu saya memilih
PNG sebagai extensi gambar agar background tidak terlihat/ transparant.
- Sobat bisa membuat gambar tersebut dua buah gambar yang hampir
mirip, satunya lagi untuk gambar hover yaitu gambar yang berubah ketika
gambar mengarah ke link. sobat tentu mengetahui jika cursor dalam
keadaan normal akan berbentuk "panah", namun jika berada di posisi link gambar akan berubah menjadi "tangan".
dan Berikutnya adalah mengupload gambar tersebut ke internet, caranya
bisa dengan mengupload ke blogger caranya persis seperti saat sobat
mengupload gambar pada artikel sobat yang akan sobat publish, namun
untuk gambar biasanya saya mengupload lewat laman tanpa mempublishnya.
- upload gambar seperti biasa, dan pada posisi HTML copy url gambar
tersebut. dan sobat tidak perlu mempublish page tersebut, karena meski
tidak di publish gambar masih bisa di pakai. silahkan close saja.
- Simpan Url cursor yag sudah sobat copy tadi di notepad dahulu.
Cara mengganti Cursor Blog Dengan Cursor Buatan Sendiri
Sampai disini saya anggap sobat sudah membuat gambar cursor dan sudah
mengupload ke blogger, langkah selanjutnya adalah merubah cursore yang
ada di blog bisa tampil seuai dengan keinginan. sampai di sini sobat
bisa melakukan dengan mudah step-step berikut ini.
- Pertama kita masuk ke blogger pilih "Template" lalu "Edit template"
- Berikutnya copy code warna biru berikut ini dan ganti kode yang
berwarna merah dengan ULR cursor milik sobat sendiri. cursor yang hover
maksudnya adalah gambar cursor akan berubah ketika cursor di arahkan ke
link.
<style type="text/css">body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_UaRIboNrREOvLQJcEiXzJYvmwPOri6mDXaArGupmtFbMnwen97jmQpyEM7zSCsNhUpbFBqGUtCod550ITY6vG7H_NYVKY1MRxR7K0Pm8StrigL2LtIDkCunS9-PkRJOqptmmAWMnIIg/s1600/cursor.png"), auto;}body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_UaRIboNrREOvLQJcEiXzJYvmwPOri6mDXaArGupmtFbMnwen97jmQpyEM7zSCsNhUpbFBqGUtCod550ITY6vG7H_NYVKY1MRxR7K0Pm8StrigL2LtIDkCunS9-PkRJOqptmmAWMnIIg/s1600/cursor2.png"), auto;}</style>
lalu pastekan di atas kode </head> . jika sudah silahkan simpan template
- Lihat hasilnya.
Terima kasih semoga proses mengganti cursor blog berjalan sukses. selamat mencoba
0 Comment for "Cara Membuat Dan Mengganti Cursor Sendiri di Blog"