Assalamualaikum wtb. Harini sy nak kongsi sedikit mcm mana nk buat cursor sendiri untuk blog anda semua mcm sy punya. Disebabkan ini ialah open kepada semua, sy akan buat dwi bahasa. Kalau ada sebarang pertanyaan, jangan ragu2 untuk komen. InshaAllah dalam masa terdekat sy akan reply komen anda.
Assalamualaikum wtb. Today I want to share a little bit how to make your own cursor for your own blog. Because of this, I have to make dwi language. If you any questions, don't hesitated you comment, InshaAllah I will reply as soon as possible.
1. Applikasi yang anda perlukan untuk buat cursor anda
1. Application that you need to make your own cursor
- Adobe Photoshop any version/Paint.
2. Cara untuk design cursor anda
2. Steps how to design your cursor
- Pastikan background cursor itu TRANSPARENT.
- Please make sure your background for your cursor is TRANSPARENT.
- Saiz untuk gambar cursor terpulang.Range antara 30x30 sehingga 50x50. Sy rasa lah.. Yang sy punya saiz 32x32 (Recommended).
- Size for your cursor is depend. The range is between 30x30 until 50x50. I think so. My cursor's size is 32x32 (Recommended).
- Melukis lah cursor yang anda inginkan.
- Draw your cursor that you wanted.
- Kalau guna Adobe Photoshop banyak kelebihan, mcm cursor sy punya boleh buat huruf.
- If you use Adobe Photoshop, you have a lot of advantages likes myself, can use letters.
- Setelah selesai design cursor anda sendiri, SAVE AS cursor anda dengan extension .PNG.
- After you finish design your own cursor, SAVE AS your cursor with extension .PNG.
3. Cara meletakkan cursor di blog anda
3. Steps how to put your cursor on your blog
- UPLOAD cursor anda di https://imgur.com/ atau di mana2 yang boleh.
- UPLOAD your cusor at here https://imgur.com/ or others web that can.
- Pastikan anda ambil link gambar cursor macam ni. https://i.imgur.com/RwMhNWT.png . Bhgian belakang link ada .PNG.
- Please make sure that you take your cursor image like this https://i.imgur.com/RwMhNWT.png . Make sure the behind link has .PNG.
- Letak link ada di code HTML sini.
- Put your link in this HTML code.
CODE HTML:
<style>body {cursor:your cursor link), url(your cursor link), auto;} </style>
<a href="your blog link" target=_blank ><div style="position: absolute; top: 0px; left: 0px;"> </div></a>
EXAMPLE MINE:
<style>body {cursor:url(https://i.imgur.com/JCyGasP.png), url(https://i.imgur.com/JCyGasP.png), auto;} </style>
<a href="http://hazman45.blogspot.com" target=_blank ><div style="position: absolute; top: 0px; left: 0px;"> </div></a>
- Gantikan link url cursor di code itu dengan anda punya cursor.
- Replace the link url cursor in that code with yours cursor's link.
- Gantikan link blog dengan anda punya blog.
- Replace the link blog with your blog's link.
- Letak code yg diubah suai di notepad supaya senang nak handle nanti.
- Place your code that has been changed in notepad to easy to handle it later.
- Kemudian, pergi ke Layout Blog anda macam dalam gambar rajah. Click 'add a gadget'.
- Then, go to your layout blog just like the picture.Then, click 'add a gadget'.
- Kemudian, add yang 'HTML/Java Script'.
- Then add 'HTML/Java Script.
- Pastu letak lah code HTML cursor anda disana.
- Then put your cursor HTML code at there.
- Pastu save semuanya dan lihat lah hasilnya. :D
- Then, save all stuff and so on and see the magic :D
Kalau ada apa2 soalan, komen yer. InShaAllah sy akan balas secepat mungkin. Selamat mencuba :D
If you have any questions, please do comment in comment section. InShaAllah I will reply as soon as possible. good luck!
Hai hazman. Singgah sini yee ;')))))
ReplyDeletedekat footer saya, tkda add gadget, camna eh? :(
ReplyDeleteeloo, tak semestinya dekat footer. awak boleh letak jer kat mana2.
Deletekalau kat side ada kan add gadget? try letak situ.. dah boleh?
Deleteeloooo elooo aluuu aluuuu back hahahha. dah bwt tpi tk jd :(
Deletehmmm
awak letak dekat siderbar ke?
Deletehaah sbb mmg tkda add gadget kat footer. boleh tlg cmna tk?
Deletethank you :) sharing2 yerrr
ReplyDelete