Design Back To Top

A s s a l a m u a l a i k u m

Baru hari ini saya ada masa nak buat Tutorial macam mana nak design sendiri

Back To Top menggunakan Adobe Photoshop. Atas permintaan dari 

Pink ex-zora.

Ikut step yang saya berikan dibawah nie. Just simple

design like me. Sesiapa sahaja yang melawat ke blog saya boleh la 

ikut tutorial ini ok 

STEP 1 : Klik file new, masukkan Width dan Height 

Width : 103   Height : 75

pastikan Background Content : Transparent

STEP 2 : Klik pada Horizontal Type Toll untuk taipkan Teks

contoh : TOP terpulang kepada anda nak buat nama apa-apa

sekali pun ok. Pilihla Font yang sesuai dengan tema blog anda dan

juga colour. Kalau nak ikut Font macam saya pilih font jenis

Bauhaus 93 dan colour warna pink lembut

STEP Akhir : Selepas anda dah siap taip sampai puas hati cara nak savenya

Klik File > Save As > file nama korang > save sebagai PNG 

Nie adalah hasilnya bila kita dah siap dan savekan dia sebagai PNG.

Belom habis lagi Tutorial nie ok baca sampai habis. Tu baru nak mendesign

belom lagi macam mana nak save gambar tu letak kat blog dan 

dapatkan URL image gambar yang korang designkan tu.

STEP 1 : Klik Add a Gadjet > Picture > masukkan gambar yang korang

designkan tadi dan save.

STEP 2 : Copy code dibawah ini 

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#"

title="Top"><img src="URLIMAGE" /></a> 

STEP 3 : Masukkan URL Image yang korang savekan tadi >

Klik Kanan Mouse > Copy URL Image 

STEP AKHIR : Pada code yang diberikan tadi paste kan pada 

URLIMAGE tu 

Tadaaaaa..... 

 Dah siap pun kan ??? Senang je tak susah mana pun. Kalau saya terangkan ada

yang x berapa nak paham dan kurang jelas bagitahu dekat saya ok. Saya 

sedia membantu. Jangan lupa deleat gambar yang savekan tadi. Itu cuma nak

ambil URL IMAGE sahaja. jadi boleh la deleat ok.

Selamat Mencuba Tutorial Nie ^^