Beberapa teman sering menanyakan cara membuat gambar header untuk blog mereka. So, kali ini akan kubahas cara membuat sebuah gambar header.
Untuk membuat sebuah header, tentu kita perlu program yang bisa mengolah/membuat gambar dalam format bitmap. Ada banyak program yang bisa digunakan, pilih aja yang familiar dengan kamu, ada Adobe Photosop, Corel Photopaint, Macromedia Firework, dan masih banyak lagi. Tapi yang kubahas sekarang adalah yang pake Photoshop.
Sebelum kita mulai membuat gambarnya, ada beberapa hal yang perlu kita siapkan sebelumnya, yaitu:
- Ukuran header yang sesuai.
Ini harus dilihat sendiri dari template blog yang dipake. Untuk contoh yang akan kita buat, ukuran header ini adalah 780 kali 180 pixel. Sama dengan ukuran header yang sekarang aku pake di blog ini, aku pakai template yang namanya Nyoba-780 buatan mas Isnaini.
Kalo pake template dari Blogger, ukurannya bisa disesuaikan sendiri (tapi aku pernah nyoba kukasih gambar, gambarnya nggak muncul sebagai background header, mungkin biar muncul ada CSS yang harus dirubah (aku agak katrok kalo soal css, apalagi php..). Bisa juga diakali dengan membuat page element baru tentang Image sih sebenarnya, tapi nggak bisa diletakkan sebagai background header.). Kalo mau digunakan sebagai page element, ukur dulu berapa ukuran maksimal dari letak page element tadi. - Bahan gambar atau materi yang akan digunakan.
Ingat bahwa gambar tersebut bakalan nongol terus di blog kamu. - Siapkan juga makanan kecil dan minuman di samping komputer, siapa tahu waktu keasyikan mbuat gambar merasa laper…
Terus caranya bikin header dengan Photoshop:
- Buka dulu program photoshop, kemudian buat file baru dengan memilih menu File > New. Pada kotak dialog New, isikan ukuran header yang akan dibuat. Misalnya pada width=780 dengan satuan ukur pixel, terus pada height=180. Jangan lupa pada resolusi harus 72 pixel/inch. Klik OK jika semua ukuran sudah sesuai.Untuk lebih jelasnya bisa dilihat pada gambar dibawah ini.
- Kemudian buat gambar yang kamu inginkan pada file baru ini.
Gambar header bisa dengan memasukkan gambar lain, kasih tulisan, atau apa aja terserah dengan ide dan kreativitasmu. Kalo bingung, nggak ada ide? Buka aja website dan blog yang ada di internet, banyak sekali kan, tinggal cari aja ide dari gambar-gambar tersebut. Tapi ingat, JANGAN ngopi paste gambar header orang lain terus dipasang lagi, itu sama kayak mencuri. Cari Ide, bukan Curi Ide. - Setelah gambar jadi, jika gambar tersebut menggunakan lebih dari satu layer, pilih dulu menu Layer > Flatten Image agar semua layer menjadi satu di layer background.
- Kemudian simpan (File > Save) dengan format JPEG/JPG atau GIF. Ini agar ukuran file-nya kecil. Jika pake JPEG/JPG aturlah nilai kompresi yang dilakukan pada kotak dialog JPG option yang muncul setelah kamu klik tombol Save. Seberapa banyak kompresi yang diperlukan, itu tergantung kondisi gambar, misalnya ukuran dan warna yang digunakan. Sesuaikan sendiri antara ukuran file hasil jadi dengan kualitas gambar, karena semakin banyak dikompres maka kualitas gambar akan turun.Gambar dalam lingkaran merah, yang sebelah kiri adalah ukuran file yang akan disimpan (dalam kilobyte), dan yang sebelah kanan adalah waktu yang diperlukan saat gambar tersebut diakses dalam ukuran kbps tertentu.
- Setelah gambar udah jadi, tinggal diupload aja pakai software blog kamu.Gambar: contoh gambar headerMisalnya kamu pake Blogger, gunakan page element-nya. Kalo hosting sendiri, upload di cpanel-nya. Atau bisa juga diupload dulu ke web yang melayani image hosting, misalnya Photobucket, ImgPlace, atau yang lain.
kok bosok ra ono software internet! njijiki!!!!!!!!!!!!!!!!!!!!!
By: rec on September 14, 2007
at 8:10 am
mas bingung aq ! bs bwtn ga ?
By: jhosbastian on September 24, 2007
at 3:14 am
bang klo ukranay 760X190
tinggal di sesuaikan yah bang ?
By: JhOs SeBasTiAN on October 5, 2007
at 4:20 am
thanx for da info…
http://pipsmaker.blogspot.com
By: Mr Forex on December 29, 2007
at 5:05 am
samakah panduangnnya utk wordpress.com?
By: ibnuabbas on January 14, 2008
at 8:28 am
aku masih bingung nih…
By: uzie on May 20, 2008
at 12:20 pm
btw gmn yaa cara membuat HOME ABOUT ME AND MOTTO yg ada di atas ituh?
sush bgt.. hhe
repply in my comment
By: ARCO on June 15, 2008
at 1:27 pm
thanks buat info anda tentang pembuatan header untuk blog
By: ben sander on June 17, 2008
at 5:29 am
nak buat bar kat atas tu. HOME, ABAUT ME, MOTTO. TAK RETI NAK BUAT. KAWE GUNA WORDPRESS
By: mizi on July 7, 2008
at 3:44 am
Thanks !
By: GLYCLERA on August 2, 2008
at 11:04 pm
thx alott a btw blog gwa cupu nih ,,,,,
By: gue on August 5, 2008
at 7:41 am
Binun aq… Hehe blm d cb dah binun.. 😀
By: Retr0^gurL on August 8, 2008
at 7:20 am
mantab nih tutorialnya makasih ya
By: Taktiku on August 11, 2008
at 1:25 pm
he he he trik yang cukup bagus
By: blogbintang on September 29, 2008
at 4:30 am
makasih…..ya
By: Sarim Karsiwan (SMA BU NU BMY) on November 19, 2008
at 4:48 am
makasih ya mas…
By: CeCe on January 6, 2009
at 5:44 am
bos klo untuk blogku ini: http://www.marisi-last.blogspot.com ukuran yang berapa bos??
By: LAston on January 13, 2009
at 5:49 am
thank bosss….
penjelasanya detail bgt
tp sayang aku masih ngak mudeng ….
tolong kalo da tutorial lg kirim ke email ku ya
thank
By: choir cyberstars on March 12, 2009
at 4:33 am
ini copy paste dari mbahdewo.com!.
By: wongbulu on March 25, 2009
at 9:04 am
mmm…
By: onnie on March 30, 2009
at 6:58 am
gimana tuh gua kagak ngerti juga
By: madrasatuna on August 22, 2009
at 11:25 am
masih bingung///
By: Kohiro on February 12, 2010
at 3:50 pm
saya coba deh
By: rustama efendi on August 8, 2010
at 2:09 am
info yang bagus…
By: tam on November 28, 2010
at 10:20 am
not no
By: jasmine on January 12, 2011
at 2:40 pm
wah bermanfaat ne,,thks ya,,,maen2 ke blog ku juga yaa,,,,
By: awitara on February 8, 2011
at 2:06 pm
disini awal perubahan ,jangan takut gagal silahkan coba,,http://www.asetBCA.com/?id=SystemHandal
By: http://www.berkahherbal.com/?id=terjamin on April 24, 2011
at 9:58 am
mantap artikelnya gan
By: seo, backlink on June 21, 2011
at 9:37 am
mantap infonya, untuk ada… kalo gk ada gimana buat header nya ! trms banyak sebelumnya mas admin
By: Zam on September 3, 2011
at 3:38 pm
mantap gan kunjungin blog ane juga ya http;//www.catatansicungkrings.blogspot.com
By: Congorous on September 6, 2011
at 7:56 am
tks gan tipnya
By: aji on November 2, 2011
at 1:41 pm
tukaran link yuk
By: yazidazhanzi on October 4, 2013
at 2:44 pm