Header + Menubar Blog Anime Chiaki ^^

Siangg semuaa ^^
tadi chiaki liat2 cbox, trus Shiro Usagi nanya nihh :)


Nahh.. Shiro nanya header blog Chiaki's Anime Gallery gimana buatnya :D
Kalau gak tau kayak gimana nih contohnya :D


Ini agak pnjang nihh.. dan juga kalian hrus punya Photoshop dan adobe dreamweaver :(
Tapi chiaki tetap kasih tutonya kok ^^ langsung yahh ..
1. Kalian Buka Photoshop 
2. Pilih Gambar yang kalian mau :)
contoh seperti dibawah

3. Kalian pencet tombol shape, yang disebelah tanda panah hitam lalu buat shapenya untuk menubar 


4. Kalau sudah kalian pencet tombol T, yang ada dibawah tombol shape dan tulis nama menubar kalian


5. Kalu sudah selesai, disave :)

Sekarang kita beralih ke Adobe Dreamweaver, klo chiaki pke yang cs6 ^^
1. Buka Dreamweaver kalian
2. Pilih New, pilih yang HTML

3. Lalu, pilih insert, dan image :)


4. Nah.. kalu imagenya udah muncul, pilih design dan buat shape yg ada didekat tanda panah :)


5. Nahh, hasilnya seperti ini :D


6. Kalu sudah, pada bagian link isikan link blog sobat, dan target pilih blank 


7. Ulangi juga sampai semua menubar kalian sudah diisi link :)
8. Lalu di save :) pilih html ya ^^

Kalau sudah, file tadi yang kalian save, buka di notepad..
Nah, pada kode <title>blalabla</title> kalian hapus aja, yang di highlight ya..


Lalu, pada bagian <img src.. bla bla bla kalian ganti dengan url image kalian. Oia image yang tadi dibuat diphotoshop, kalian Harus Upload ya agar dapat url imagenya..

Nahh, kodenya sudah selesaii :)
sekarang pasang di blog kalian
1. Login ke Blogger
2. Dashboard > Pilih Tata Letak
3. Tambahkan Gadget
4. Copy Paste semua kode yang ada di notepad tadi
5. Save dan pindahkan ke bagian atas tempat header

Note : gadget header sebelumnya harus dihapus ya, gantikan dengan yang kalian buat sekarang :)

okee.. akhirnya selesai juga, capek banget buatnya fiuhh .. Tapi gapapa deh, asal para pembaca senang ^^ 
oia, kalau kurang ngerti tanya aja ya? chiaki siap membantu ^^

Terima Kasih Sudah Membaca , Tinggalkan Komentar juga ya ^^


6 comments:

  1. photoshop cs berapa kak ?

    ReplyDelete
  2. chiaki, kalo buat header nya itu ukurannya berapa? punyaku selalu nggak cocok soalnya sama lebar blogku.. :(

    ReplyDelete
    Replies
    1. Harusnya ikut ukuran blogmu dlu.. liat di templatenya ^^

      Delete
  3. kak kalau nggak punya program Adobe Dreamweaver pakainya apa dong kak? ^^

    ReplyDelete
  4. kak download adobe dreamweaver nya dimana?

    ReplyDelete

 
Related Posts Plugin for WordPress, Blogger...