Tutorial : Cursor Hover (Cursor Bertukar Apabila Menyentuh Link)

Assalamualaikum !

Whatappzz yoo!

Hari ini ,acik tak banyak kerja, So, Acik nak buat satu tutorial ini . Cuba korang halakan cursor Acik dekat mana - mana link ? Nak tahu ke , macam mana nak buat ? Jom !

1. Log in > Dashboard > Design > Add a Gadget > Html/JavaScript

2. Copy Kod Ini :

<style type="text/css">body, a, a:link{cursor:url(url cursor 1), default;} a:hover {cursor:url(url cursor 2),wait;}</style> 

3. Paste kan di ruangan Html/JavaScript tadi tu :)

Yang Warna Biru : Korang letak URL CURSOR yang korang tengah guna sekarang .

Yang Warna Merah : Korang letak URL CURSOR yang bila korang sentuh link , akan bertukar cursor yang lain .

4. Lepas dah siap , korang SAVE .

5. Bukak Blog korang , dan lihat hasilnya :D

Kat bawah ni korang boley la pilih cursor2 yang menarik..okey?!

 http://cur.cursors-4u.net/food/foo-4/foo348.cur

http://cur.cursors-4u.net/user/use-1/use67.cur 

http://cur.cursors-4u.net/others/oth-4/oth305.cur

http://cur.cursors-4u.net/cursors/cur-3/cur278.cur

http://cur.cursors-4u.net/cursors/cur-2/cur227.cur

http://ani.cursors-4u.net/nature/nat-11/nat1035.cur

SELAMAT MENCUBA!

Tutorial : Background Cantik & Kemas

Assalamualaikum, Korang nak tahu bagaimana nak buat background yang cantik dan kemas? Tak tahu nak mana nak dapat? Ok, jom Acik ajarkan...

1. Login > Dashboard > Design > Template Designer > Customize

2. Kemudian pergi Background.

3. Klik jer anak panah yang di bulatkan seperti gambar di atas

4. Then,klik choose File untuk mencari gambar yang anda sudah upload dari mane2 sumber..pastikan gambar berbentuk JPEG,PNG atau GIF..

5. Sudah siap pilih, Tekan jer Done!

6. Last sekali..APPLY TO BLOG!

okeyh!dah siap pon..Mudah kan..!

Tutorial : Menukar Perkataan Older, Newer Pages dan Home dengan Gambar

Assalamualaikum..kita teruskan dengan tutorial..

1. Sign Blogger > Design > Edit HTML

2. Sebelum korang mengikuti langkah selanjutnya, ingin aku mengingatkan bahawa korang Download Full Templates terlebih dahulu k. Kalau silap ada back up. Nanti jangan salahkan acik bila tak jadi.

3. Cari code di bawah, nak mudah korang tekan Ctrl F, lepas keluar kotak Find, paste code di bawah ke dalam kotak Find..

expr:title='data:newerPageTitle'><data:newerPageTitle/>

4. Padamkan code yang dimerahkan ( Newer Page )dan gantikan dengan code ini

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitpODcUIJebUlsdpmOQhhJe7Skr5w_h1NDliAEeL5G4553mYjHdiepdK-lQ0qozytTSysNOxdVWDl_VH4cDJ8lQ55_Y_rmHqB_deCtX98VcAYG5TSB1wUIXXm3XT5Avs-QyvPGlNceSNw/s1600/638148hihxwgn8gx.gif'/>

# Boleh tukar yang UNGU dengan icon/gambar url korang

5. Cari code ini untuk gambar older pages pula :

expr:title='data:olderPageTitle'><data:olderPageTitle/>

6. Padamkan code merah dan gantikan dengan code di bawah

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHzaQ9BlOsq-lSGaxkRbS9wikKQfKtOasXP7ABbiEM5NcEoTHjAXzzlvzWNdZ7M3tfb1lIFn_Hfu2z479xTpC3iZK8HmVsYQwcini-3n_LgpvN-jCSvDqbwt7Y3rM2qUjV_nIq8qVXJ-A/s1600/older.gif'/>

# Boleh tukar yang UNGU dengan icon/gambar url korang

7. Cari code ini untuk Home pula :

expr:href='data:blog.homepageUrl'><data:homeMsg/>

8. Macam biasa, replace/padamkan code yang dimerahkan dan gantikan dengan code di bawah

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihW4skgY2jPJH4N4Hj4zvAHI38JV8mEkRz3pvDvMVNfI0oKGE056EW8dgy8TmVcORmjp7Ynvx1aJYjGbMNcGTjOrckjtySnwLYSj9Cwpo5U3lwEje1FlSnwfUgjka8KgFNwBJyPtx5mf0/s1600/home+sweet+home.gif'/>

# Boleh tukar yang UNGU dengan icon/gambar url korang

9. Preview dan SAVE. Kadang-kadang gambar korang tak muncul bila preview. So SAVE je