Semangat pagi, kawan! Kali ini kita akan membahas tentang cara membuat header blogspot. Header atau bagian kepala dari blog menjadi bagian penting untuk menarik para reader berkunjung ke blog kita. Ya, nggak? Walau tentu aja isi blog kita juga harus bagus. Jangan sampai headernya bagus, tapi isinya gak bermanfaat. Sama aja bohong. Hehe,,,
Yo wes, daripada cuap2 gak jelas. Langsung aja, cekidot!
------------------------------------------------------------------
Kita akan membuat header dengan hasil jadi seperti di bawah ini:
1. Langkah pertama kita harus tahu dulu lebar header blog kita berapa. Cara mengeceknya, masuk (sign in) dulu ke akun blogspot masing-masing. Setelah masuk, lalu pilih 'design' di pojok kanan atas.
2. Pilih "Template Designer"
3. Lalu pilih "Adjust Widths" dan lihat angka di Entire Blog. Lebarnya bisa disesuaikan dengan keinginan kita. Untuk blog ini, saya menggunakan lebar 930 pixel. Selanjutnya silakan "back to blogger".
Tahap berikutnya kita akan menggunakan aplikasi Adobe Photoshop CS4.
1. Tekan 'Ctrl+N' untuk membuat document baru, lalu pilih 'Custom'.
2. Masukan ukuran lebar atau width yang sudah kita cek sebelumnya. Untuk height atau tingginya bebas sesuai selera. Standarnya menurut saya antara 200-300 pixel. Mau lebih dari itu juga boleh, tapi akan menghabiskan space di layar komputer. Untuk kali ini kita pakai ukuran 930 pixel untuk width dan 300 pixel untuk height. Kolom yang lainnya (Resolution, color mode, dll) silakan abaikan saja. Hehe...Jangan lupa klik OK.
3. Hasilnya akan muncul 'lahan dasar' seperti di bawah ini.
4. Langkah selanjutnya buka file (Ctrl+O) background hitam putih di bawah ini.
 |
| Silakan dicopy-paste |
5. Setelah backgroundnya muncul, pada pengaturan layer di sebelah kanan bawah, klik kanan pada background lalu pilih "Duplicate Layer" --> Ok.
6. Aktifkan layer Background Copy dengan cara mengklik di layer yg dimaksud. Tanda layer aktif adalah berwarna biru.
8. Ubah posisi background tersebut seperti di bawah ini.
9. Buat "duplicate" dari background copy tersebut sehingga menghasilkan background copy 2. Caranya sama seperti yang sudah disebutkan sebelumnya.
11. Selanjutnya ubah "Opacity" dari "Background Copy" dan "Background Copy 2" menjadi 95%.
12. Hasilnya akan seperti di bawah ini. Bagian kiri dan kanan lebih buram. Sedangkan bagian tengah lebih jelas.
13. Drag/geser layer background copy ke layer background copy 2.
14. Hasilnya akan seperti di bawah ini.
15. Berikutnya buat layer baru dengan meng-klik tool "create a new layer".
16. Hasilnya akan seperti ini.
17. Aktifkan Layer 1, lalu pilih tool "Text" [ T ] dan tulis "Negeri Seribu Kata" atau nama blog masing-masing. Jenis huruf sesuai selera masing-masing. Untuk kali ini saya menggunakan jenis huruf "Bickham Script Pro" ukuran 140 pt.
18. Untuk mengedit-edit teks, gunakan pengaturan seperti di bawah ini.
19. Silakan menambahkan teks atau kalimat yang lain agar tampilan lebih ok. Biasanya kalau saya pribadi sering mencantumkan alamat blog pada header. Seperti di bawah ini. Oia, jangan lupa untuk selalu membuat Layer baru untuk setiap kali kita akan menambahkan teks. Kenapa? Supaya pengaturan teksnya mudah dan teratur.
20. Selesai. Jangan lupa di-save as dengan jenis file JPG.
21. Taraaaa.... Ini dia hasilnya.
------------------------------------------------------------------------
Beneran sudah selesai? Desain headernya sih udah, sekarang tinggal memasukkan desain header tersebut ke blogspot. Cekidot deh caranya!
1. Kembali ke menu "desain" pada blogspot sebelumnya. Lalu pilih Edit pada kolom Header.
3. Selesai. Untuk melihat hasilnya klik "View Blog".
Bagaimana? Mudah, bukan? ^_^. Ternyata lumayan panjang juga ya caranya. Hoho,,, tapi sebenernya mudah kok. Apalagi buat kamu yang udah terbiasa dengan Adobe Photoshop. Bagus atau tidak, menarik atau tidak, sebenarnya relatif. Karena seni itu tidak terbatas. Tapi semoga tutorial sederhana ini bisa membantu kamu membuat tampilan blog yang lebih menarik.
H A P P Y D E S I G N I N G ! ! !
Terima kasih cik gu... ^_^
BalasHapusSama-sama Ummi. :)
BalasHapus