Friday, September 9, 2011

Tutorial Membuat Background Blog

Halooo.. udah lama juga gak nge-blog. oiya Minal Aidzin wal Faidzin ya.. Mohon maaf lahir batin. dan aku minta maaf atas segala ucapan, perkataan di blog yang kurang berkenan..

Kemaren iseng di kantor bikin background blog. Awalnya pake template simple yang difasilitasi oleh blogger. polos banget. makanya pengen eksperimen biar agak2 berwarna. hehehe :D Pas udah jadi, eh lumayan hasilnya. biar tampil beda sama yang lain. Eh akhirnya kepikiran buat bikin tutorialnya. Lumayan ribet juga klo bikin tutorial, tapi gapapa deh. Bagi2 ilmu gratis. hehehe..

Yak ikuti langkah2nya yaaa...


1. Siapkan dokumen baru pada program Illustrator. (maaf ya aku pakenya Ilustrator, klo biasa pake Corel atau Photoshop juga bisa koq) yang berukuran width: 1600 px dan height: 1200 px.



2. Buatlah bentuk segiempat yang berukuran sama dengan dokumen tersebut, kemudian warnai dengan pilihan warna yang disukai.


3. Kemudian buat segiempat lagi yang ukurannya diukur tergantung lebar isi masing2 blog. Klo saya ukurannya memakai width 1000 px height: 1200 px. Kemudian warnai dengan warna yang diinginkan, kemudian letakkan di tengah2 background pink tadi menggunakan align supaya tepat berada di tengah2.


4. Kemudian tinggal dihias menurut selera. Gambar bisa cari di google. 
Kalau backgroundnya mau diletakkan di center atas, fokuskan di center atas. Kalau mau di center bawah fokuskan di center bawah, contohnya seperti di bawah ini.


5. Oiya.. jangan lupa disave. File/Save web&device. Pilih yang PNG-24. dan jangan ditransparansi. Kemudian di Save.
Jadi deh.. mudah kan.... :D Hasilnya seperti ini, setelah diaplikasikan ke dalam blog

*Pada saat pemasangan diblog coba diatur penempatan backgroundnya sesuai dengan yang diinginkan.



Sekalian tutorial headernya yaaa... ^_^ 
Mari disimak kembali, langkah2nya adalah sebagai berikut.
1. Buat dokumen baru ukurannya samakan seperti yang kotak warna putih, Cuma lebarnya dikecikan lagi
Klo saya memakai ukuran width: 1000 px dan height: 400 px



Kalau header ingin dibuat transparan, maka dokumen tidak usah diberi bentuk segiempat dan tidak usah diwarnai.

2. Kemudian langsung dihias aja juga gpp. Jangan lupa kasih nama blog kita yaaa…
Cara menyimpan sama kaya membuat background. Pilihan transparansi boleh dicentang. artinya disimpan dengan transparansi, klo tidak dicentang maka dokumen akan membuat background sendiri dengan warna putih.


Hasilnya akan seperti ini..


Gimana mudah bukan.. Ayo selamat berkreasi.

*Saya mencoba dengan program Paint sepertinya tidak bisa. karna tidak ada pilihan ukuran dalam bentuk pixel. Paint hanya menyediakan ukuran yang bisa dicetak bukan ukuran untuk web.


8 comments:

  1. Kok bagus sih... cewe banget. jadi pengen belajar bikin... :D

    ReplyDelete
  2. @mba Juni: sama2 mba.. (cozy)

    @om dung: hehehe.. iya donk bagus, sapa dulu yang bikin. ayo om dung bikin jugaaaa.. ntar aku liat hasilnya ^_^

    ReplyDelete
  3. wah tutorial yang bagus, pengen buat jadinya

    ReplyDelete
  4. Kaka ^^ kalo cara masang backgroundnya caranya gimana ka ??? Thanks :D :)

    ReplyDelete
  5. kaka.. jelasin dong cara buat pake photoshop :)

    ReplyDelete