1. Kita butuh 3 hal penting ini: Photoshop, Photobucket dan Adobe Dreamweaver
Buat yang belum punya photoshop atau dreamweaver monggo di download dulu, tinggal cari aja di google. Kalau yang biasa aku pake itu software yang portable. Apa itu portable? Maksudnya nggak perlu di install, bisa dicopy paste dan sizenya nggak begitu besar. Dan untuk kedua software itu aku pake seri CS5. Bisa cari di google dengan keyword "Adobe Photoshop/Dreamweaver CS5 portable". Kalau photobucket sendiri itu website tempat kita bisa upload gambar-gambar. Bisa langsung klik di sini.
2. Bikin konsep dan terapkan di photoshop
Nah yang ini nih yang lumayan ribet dan nguras ide sih. Kalau udah dapet inspirasi dan konsep langsung aja diterapin di photoshop. Tapi kalau belum, bisa cari-cari aja di google inspirasi header blog. Untuk pemula photoshop, nggak usah pikirin konsep yang ribet, simple aja dulu. Practice makes your perfect :p Ohya, mungkin bisa juga pake Corel, tapi aku sendiri nggak terlalu ngerti Corel dan belum pernah nyoba buat header di situ. Terus untuk ukuran papernya disesuaikan aja, yang header ini aku pake ukuran 1024x320 pixel
3. Upload di photobucket
Kalau udah diterapin ke photoshop, simpan dalam format .jpeg terus upload deh ke photobucket. Setelah di upload, klik ke librarynya dan pilih gambar yang udah kita upload, di sebelah kanan itu ada kolom link-link. Perhatikan yang bakal kita pake adalah si direct link.
4. Beralih ke Adobe Dreamweaver
Setelah itu tinggalin dulu deh photobucketnya, kita menuju dreamweaver. Waktu buka dreamweaver, tampilannya akan kayak gini, terus pilih HTML di kolom create new
Nah setelah diklik HTML tampilannya kayak gini
Letakkan kursor setelah <body> lalu klik insert -> image pilih gambar dari photoshop yang sudah di save tadi. Jika ada pilihan, lanjutkan klik OK. Tampilannya jadi seperti ini
Bebas deh mau pilih yang mana buat nandain link di gambar, aku sendiri pake yang oval terus dibentuk di tempat yang ingin dikasih link. Selanjutnya akan muncul tampilan seperti di bawah ini. Ketik _blank pada kolom target, tujuannya supaya waktu gambar diklik, link akan terbuka di new tab. Lalu masukan link yang kita maksud di kolom link.
Kalau sudah selesai semua diberi link sesuai keinginan kita, klik file dan save as.
5. Open with notepad
File yang tadi disave di dreamweaver akan berformat .html. Tapi kita perlu membukanya dalam bentuk notepad. Jadi, klik kanan pada file tersebut, pilih open with. Kalau nggak ada notepad, klik choose default program dan pilih notepad pada bagian other programs.
Inilah tampilan dalam bentuk notepad. Block tulisan dalam tanda kutip setelah <img src= seperti pada gambar. Itu adalah alamat file gambar yang ada di PC kita nah ganti alamat tersebut dengan direct link yang ada pada photobucket tadi.
Jadi seperti contoh punya aku ini
6. Terakhir, pasang header di blog
Akses blogger.com kemudian pilih layout. Klik Add a gadget pada kolom sebelah kanan dan pilih HTML/Java Script
Terakhir, tinggal dicopy paste isi yang ada di notepad tadi dari mulai <img src.. sampai </map> lalu save. Jangan lupa setelah disave geser kolom html/java script tersebut ke posisi header (atas).
VOILA!
Congratulation! Selamat, header blog kamu sudah jadi. Ayo dicobain klik gambar yang dikasih link tadi. Gampang dan cepet kan? Selamat bernorak-norakan deh ya abis itu hihihi
No comments:
Post a Comment
what do you think?