Tutorial Menu Bar Di Blog

Salam...entry kali ni tentang tutorial buat menu bar (format gambar) macam kat blog aku yang lame punye...saje nak menambahkan list tutorial yang ada di blog ini. Dan sebagai peringatan buat diri aku sendiri jugak. :D

Menu Ba

STEP 1

• Mula-mula pastikan anda ada Adobe Photoshop...tutorial ni maybe ditujukan kepada mereka yang dah ada & mahir dengan Adobe Photoshop...kalau takde, download & install...cari je kat Internet...tak kisah la version berapa...saya guna Adobe Photoshop CS3...
• Bukak Adobe Photoshop, klik kat File, kemudian New...then set kan Width, Height, dan Background Contents....contoh kat Gambar 1....width & height anda boleh ubah, terpulang pada anda nak besar mana ye...da siap klik Ok...then dia akan keluar seperti kat Gambar 2....

Gambar 1

Gambar 2

• Untuk design guna shape, klik kat Shape Tool, pastu pilih la nak rectangle ke, ellipse ke, then design la kat Gambar 2 tadi...contoh kat Gambar 3..

Gambar 3

• Then klik kat Type Tool, tulis kan nama menu bar anda...contoh kat Gambar 4....

Gambar 4

• Dah siap, klik kat File, then Save As, then dekat format, pilih JPEG...siap STEP 1!!

STEP 2

• Bukak laman web Photobucket, pastu sign in...siapa tak register lagi, register dulu
• Then upload la menu bar anda tadi, da siap?? Copy dekat HTML code ye...tengok Gambar 5..

Gambar 5

STEP 3

•  Masuk ke blogspot, pergi ke Design, then Add a Gadget, then klik kat HTML/Java Script...
• So paste kan HTML code tadi ke dalam HTML/Java Script tu...boleh tekan Rich Text untuk preview....then kalau nak link just tekan Create Link, sebelah Rich Text tu je...kecik je simbol dia..
• Da settle, boleh save...siap!!
• Pastikan anda drag gadget anda tu letak di bawah header yep...ok..tu je...senang je kot...

Hasilnya

Ni contoh-contoh menubar yang pernah aku buat...

 

 Selamat Mencuba.. :)