Selasa, 10 April 2012

Menambahkan Cursor buatan sendiri ke Blog

    Gw akan posting tentang bagaimana cara menambahkan cursor buatan lo sendiri ke blog. Ada beberapa yang harus lo semua perhatikan karena tutorial ini membahas bagaimana nambahin cursor yang lo buat sendiri bukan dari situs-situs yang menyediakan layanan edit cursor dan klo lo make template klasik bakalan lebih gampang nerapinnya tapi klo make template yang modern agak susah dengan cara ini , jadi gw saranin ganti template lo ke template klasik. Cara ini lebih mempunyai kelebihan dibandingkan klo lo edit cursor lewat situs web yaitu lo bebas memilih cursor apa yang lo pengen karena lo sendiri yang akan edit tuh cursor. Oke klo udah jelas penjelasannya , langsung ajjh lo liat & bisa secepat kilat lo praktekin OK !



- Langkah pertama , buka Blogger > pilih edit HTML pada blog yang lo mau edit. Terus cari kode ini



nah perhatikan kode "cursor:url("http://img526.imageshack.us/img526/3993/wearetkj2.png") , text;" itu kode yang nantinya kita ganti dengan kode kita sendiri (http://img526.imageshack.us/img526/3993/wearetkj2.png itu link gambar kursornya yang nantinya lo ganti dengan link lo sendiri).

- Langkah kedua , buka Photoshop terserah cs berapa ajah yang penting ada. Trus pilih gambar mana yang lo pengen jadiin kursor caranya pilih menu File > Open, trus pilih gambar yang lo suka (tapi gw saranin gambarnya jgn terlalu ribet cukup dengan satu objek gambar ajjh biar gak susah ngeditnya). setelah gambar kebuka, klik menu layer > pilih duplicate layer , delete background aslinya , kita pakai yang copyannya saja.

                                                                          
setelah itu edit dengan menggunakan magic wand tool lalu klik di area yang ingin dibuang 



                                                         
otomatis area yang diinginkan akan di selectif. Pilih menu edit > klik cut seperti ini hasilnya, klo belum kyk gini berarti lo mesti berjuang lagi.
               
save dengan format .png


- Langkah ketiga , masuk ke proses pengupload-an. Upload gambar yang tadi kita edit , biasanya gw upload di imageshack.us. Masuk ke situs imageshack dan upload gambarnya.
                                               

dan pilih do not resize, klik upload now. Tunggu sampai proses selesai. Nanti setelah proses upload selesai, link akan muncul pastikan lo memilih direct link. Lihat dibawah !

                                                    
- Langkah keempat , kembali ke blogger , copy paste link gambarnya. Lihat kode pada langkah pertama  cursor:url("http://img526.imageshack.us/img526/3993/wearetkj2.png") , text;  ganti http://img526.imageshack.us/img526/3993/wearetkj2.png  dengan link gambar yang tadi lo upload lalu taruh kode pada bagian body atau lebih rincinya lihat screen shoot pertama (pastikan meletakanya sebelum tanda } ). Sebelum di save biasakan untuk klik pratinjau , karena kalau ada kesalahan lo bisa gampang memperbaikinya. Dan kalau sudah ada kursornya klik Save Template.

Hasilnya bisa lo liat ke blog ini :
   http://go-blogtekaje.blogspot.com
                  

Oke, sekian tutorial yang gw berikan kalau lo ada yang belum ngerti atau ada yang kurang jelas jgn malu buat koment dan ditunggu komentarnya, langsung di respon kok .... !  OK                                                                                                                                                     

4 komentar:

Ada pepetah bilang "Berkomentarlah sebelum engkau dikomentarkan ..."
dan pesan dari gw ... Give Your Comment.
JANGAN berbau SARA, mengejek, arogansi, pornografi, apalagi berbau kecut-kecut gimana gitu ...*JANGAN !!!