Jadi dia minta agar aku buat tutorial tentang ngebikin cursor sendiri buat di masukin di blog gitu.
Yang minta aku untuk membuat tutorial ini namanya Icha. Silahkan mampir dan follow blognya di sini *jadi promosi gini -_-*
Ya seperti cursor di blogku ini. Ini cursor asli buatanku sendiri lho~
Aku lebih milih cursornya dikasih tulisan daripada di gambar karena aku nggak pintar ngegambar.
Gambar di kertas aja hasilnya udah sembrawut apalagi menggambar di laptop._.
Hal-hal yang kamu butuhin untuk ngebuat cursor sendiri cuma 1 kok. Yaitu photoshop. terserah mau pakai yang CS berapa. Kalau aku sih pakai yang CS4. Kalau belom punya silahkan cari dan download di google atau 4Shared.
Cara-cara membuat cursor sendiri di Photoshop:
1. Bukalah photoshop mu
2. Klik File - New (Ctrl+N)
3. Aturlah width dan height nya terserah anda. Lalu ubahlah widget contents menjadi transparent. Dan klik OK
4. Klik tool text di photoshop yang biasanya di gunakan untuk membuat tulisan
5. Buatlah tulisan yang ingin kamu buat untuk cursor mu. Dan silahkan ganti ukura font, warnanya, ataupun jenis font (contoh aku akan membuat tulisan DREAMER)
6. Silahkan crop background sesuai dengan panjang dan lebar tulisan
Untuk meng-crop: Klik kanan-Crop |
8. Jika sudah klik file-save (Ctrl+S) dan simpan dalam format 'PNG'
9. Kalau sudah silahkan upload di photobucket. buat yang belom punya silahkan daftar.
10. Copy dan paste 'direct link' cursor mu. Dan untuk sementara taruhlah dulu code cursor itu di Sticky Note.
11. Masukkan code HTML ini ke dalam HTML/JavaScript:
<style type="text/css">body {cursor:url("http://i1146.photobucket.com/albums/o521/YohannaFA/dreamercursor_zps3c25d840.png"),default}</style>
*ganti warna merah dengan direct link cursor yang telah kamu taruh di sticky note tadi.
12. Save :)
wih bermanfaat nih hehehe :D
BalasHapussilahkan di coba kak :))
HapusSangat bermanfaat dan membantu banget :)
BalasHapuswihhi :))
Hapusty share ilmu nya :)
BalasHapusyour'e welcome :)
Hapuswah, pantes kursornya keren :)
BalasHapusterimakasih :)
Hapusaku msh gaptek nih :)
BalasHapuswahaha :D
Hapuswah baru tau, bisa ngedit kursor lewat potoshop, tak coba ya sobat, makasi ilmu nya.
BalasHapusiya sob. sama-sama
Hapusudah dicoba sarannya teh...makasih
BalasHapustolong dikomen dong hasilnya diblog aku..
thanks
oke sama-sama. siap!
HapusThanks yaah kak :) atas infonya
BalasHapusiya, samasama ya :)
Hapuskk gk bisa muncul :/
BalasHapusbisa kok. script nya salah kali
HapusThanx ya.....
BalasHapusiya sama-sama ya
Hapusbig thanks ya :D
BalasHapussama sama ya :D
Hapuswew, wow,,,
BalasHapusLanjutkan karya mu,,,
saling berbagi ilmu jauh lebih baik.
makasih yah, akan saya coba..
jangan lupa ke blog saya yah?
http://pura04.blogspot.com/ :D klo bisa di follow juga :D
waw wiw wuw, biar sekalian :D
Hapusoke. iya nih
sama-sama ya
oke oke
Arigatou Gozaimasu
BalasHapusSenpai ^^v
Gan Pas waktu nge save PNG, ada tulisan PNG option tu Milih yg mana, none apa Interlaced
BalasHapusyang none
Hapusbro klo mau di jadiin cursor hrus di upload dlu??
BalasHapusyoi bro
Hapusbuat tutorial ganti header pake foto sendiri dong kak, hehehe X))
BalasHapusiya dek kapan-kapan ya :)
Hapuslove u dah bwtmu...
BalasHapusbalegg ajigggg ngabeja'n teh... lain make pormat PNG tp Corsor......
BalasHapustpi ituloh linknya g bsa dicopy --"
BalasHapusmasa sih?
Hapusthanks ya, bermanfaat akan aku coba :)
BalasHapusiya. silahkan :)
Hapusmakasih banget sist, berhasil kok :)
BalasHapusiya sama-sama ya sist:)
HapusCopy dan paste direct link thu maksudnya apa dan gimana ??
BalasHapusPlease bantu aku
ya abis di copy langsung di paste. ctrl+c lalu ctrl+v
Hapuskok aku gak bisa ya?
BalasHapusmasa gabisa?bisa kok.
Hapuskok aku gabisa ya kak? udah copas kode itu ke HTML ku tapi gamau muncul jadi cursor:(
BalasHapuspas itu aku juga sempet gabisa dek.terus aku coba buat cursor baru lagi.dan akhirnya bisa.
Hapuscoba buat cursor lagi :)
mengopy data nya boleh nggak..,,???
BalasHapusboleh.tapi sertain sumbernya yaa
Hapuskok punya ane gak bisa ya
BalasHapuswah gatau ya
Hapuslangkah 10 11 masih blum ngerti .....jelasin dong
BalasHapusMakasih Ya kak, bermanfaat banget
BalasHapusiya samasama ya:)
Hapusthanks mbak bro,..
BalasHapusiya samasama yaa
Hapuska thanks banget :3
BalasHapuskok g bisa ya? apa harus dipake di template bawaan blogger?
BalasHapussetau saya bisa kok. mungkin salah masukin kode html atau ga linknya salah:)
Hapus