Wednesday, April 24, 2013

membuat pointer blog sendiri

mau bikin blog kamu tambah unik dengan pointer bikinan kamu sendiri?
bisaa bisaaa....... :D
kita bikinnya pake photoshop yaa......
caranya gampang kok...... :)
check it out!

step 1
buka photoshop kamu.
klik File, pilih New (atau langsung aja ctrl+N).
muncul dialog box New, klik OK.

step 2
gambarlah pointer sesuai keinginan kamu pake Brush Tool.


warnanya bisa di pilih juga di Color Picker.



atau mau bikin pointer pake teks juga bisa, pake Text Tool.



aku kasih contoh pake gambar kepala kucing kayak gini yaaa......

setelah itu, crop sesuai dengan panjang dan lebar gambar menggunakan Crop Tool.



jadinya seperti ini:



setelah di crop, klik dua kali icon gembok seperti ini:


kemudian akan muncul dialog box New Layer. klik OK.
icon gembok akan hilang dan nama layer akan berubah menjadi layer 0.

lalu klik Quick Selection Tool untuk menghilangkan bagian putih di luar gambar.



select (klik) di bagian-bagian putih di luar gambar, sehingga muncul garis putus-putus seperti ini:


tekan backspace.


gambar akan menjadi seperti ini (background berubah jadi kotak-kotak):


untuk menghilangkan garis putus-putus, pilih Lasso Tool. klik di luar area gambar.


kalo mau, bisa di tambahin penunjuk seperti ini:


kalau gambar kamu kebesaran atau kekecilan, atur pake Move Tool.


step 3
simpan gambar dengan cara klik File, pilih Save. atau langsung aja pake ctrl+S.
Formatnya pilih PNG.
klik save.

step 4
host gambar di imageshack


klik browse, lalu pilih gambar pointer kamu tadi.
pada pilihan image resize:, pilih do not resize.
klik upload now.
kemudian muncul seperti ini:


copy link pada Direct Link.

step 5
masuk ke blog kamu.
klik desain.
pilih tata letak.
pilih tambahkan gadget.
pilih HTML/JavaScript.
pada kolom konten, ketik script seperti ini:

<style type="text/css">body {cursor:url("http://img823.imageshack.us/img823/3533/catwyy.png"),default}</style>

teks yang berwarna merah adalah direct link dari imageshack tadi. ganti teks merah itu dengan direct link yang kamu dapet.
klik simpan.

sekarang cek blog kamu. udah lebih unik kan dengan pointer bikinan kamu sendiri? :D
oh iya, kalo kamu suka pointer bikinan aku, silakan copy aja script di atas..... :)
mau yang lain?
ini aku juga ada pointer mbak kunti, ikan piranha sama kucing (asli). tinggal di copas sajjaaa...... :D

mbak kunti

<style type="text/css">body {cursor:url("http://img600.imageshack.us/img600/8624/kursorkunti.png"),default}</style>

ikan piranha


<style type="text/css">body {cursor:url("http://img46.imageshack.us/img46/8477/kursorz.png"),default}</style>

kucing


<style type="text/css">body {cursor:url("http://img521.imageshack.us/img521/5488/catpointer.png"),default}</style>



cukup segini aja tutorialnya..... semoga bisa membantu dan bermanfaat and don't forget to follow this blog.... :D
thankyou for visiting :)

4 comments: