Cara Mendesain Header Blog WORDPRESS

Bagikan artikel ini ....Share on Facebook
Facebook
0Tweet about this on Twitter
Twitter

Header atau gambar tajuk adalah elemen paling menonjol dari sebuah page blog/website. Header berfungsi untuk menampilkan gambaran sebuah blog yang terdiri dari tema, judul dan identitas blog. Untuk itu agar pengunjung 100 % percaya akan blog/website anda, tonjolkanlah header sepremium dan kreatif mungkin. Baiklah langsung saja Rizkan.id akan membahas tentang Cara Mendesain Header Blog WORDPRESS.

Sebelum memulai, anda terlebih dahulu harus tahu berapa ukuran Header blog anda, caranya mudah cukup :

1. Buka situs https://worpress.com, lalu klik SIGN IN

s1
2. Masukan data anda yaitu :

  • Username or email = masukan alamat email anda
  • Password = masukan kata sandi blog anda

Lalu klik SIGN IN

s2

3. Lalu PENGATURAN > GAMBAR TAJUK

nah bisa kita lihat ukurannya header (masing – masing template blog berbeda – beda), kalau blog saya ukurannya 2000 x 250 pixel

ganti-tema-wp16

4. Kemudian buka Aplikasi Photoshop (disini saya masih menggunakan CS3), lalu tekan CTRL + N dan atur :

Width = 2000 pixel

height =  = 250 pixel

Resolution = 100 pixel/inch

Color mode = RGB 8 Bit

Background Content = White

kemudian klik OK

cara-bikin-header-blog2

5. Maka akan muncul tampilan layer kosong berikut.

cara-bikin-header-blog3

6. Agar posisi text dan image nanti tepat ditengah gambar, kita harus membagi area desain menjadi 3 bagian : kiri, tengah. dan kanan. Cukup tekan Ctrl + H untuk memunculkan garis.

cara-bikin-header-blog4

7. Jika sudah dapat titik tengahnya, tekan huruf “T” pada keyboard lalu masukan JUDUL BLOG anda. Atur besar huruf, warna huruf, dan jenis huruf.

cara-bikin-header-blog5

7. lalu tekan Ctrl + O untuk memasukan logo blog. Klik dan drag logo terbebut, kemudian atur hingga logonya proporsional.

cara-bikin-header-blog6

8. Ini header blog yang saya konsep sederhana.

cara-bikin-header-blog7

9. Kemudian tekan Ctrl + O, masukan background untuk header agar lebih keren dengan cara klik dan drag background.

cara-bikin-header-blog8

9. Dan hasilnya pun akan seperti ini.

cara-bikin-header-blog9

10. Simpan header dengan cara tekan Ctrl + S pilih photoshop format (sebagai file mentah header) agar nanti dapat dikoreksi atau diperbaiki kembali, lalu klik SAVE.

cara-bikin-header-blog10

11. Kemudian Save As dalam format JPEG agar ukuran file relatif kecil dan kualitas gambar standar.

cara-bikin-header-blog11

12. Apa ini sudah selesai ? Eits tunggu dulu, loading blog akan masih lambat jika ukuran header diatas 100 kb. Untuk itu perlu aplikasi yang dapat megkompress gambar, cukup ketik di google “Xheader” dan install aplikasinya kemudian buka dan pilih NO THANKS.

cara-bikin-header-blog12

13. Klik Create a Blank Header > atur ukurannya 2000 x 250 pixel (sesuai ukuran header yang telah anda buat) kemudian pilih OK.

cara-bikin-header-blog13

14. Selanjutnya pilih DRAW > IMAGE.

cara-bikin-header-blog14

15. Pilih header blog anda lalu klik OPEN.

cara-bikin-header-blog15

16. Klik SAVE AS > Save as JPG.

cara-bikin-header-blog16

17. Pilih kualitas file header, Rizkan.id sarankan untuk memilih “Very Good” = 80% karena filenya dibawah 100 kb serta kualitas gambar headernya masih bagus.

cara-bikin-header-blog17

18. Beri nama file header blog anda, kemudian klik SAVE.

cara-bikin-header-blog18

19. Dan ini gambaran perbedaan ukuran file jika anda tidak memakai Xheader.

Disamping kiri ukuran file hanya = 52,3 kb sedangkan di kanan file = 169 kb lumayan membuat loading blog menjadi lambat.

cara-bikin-header-blog19

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

This site uses Akismet to reduce spam. Learn how your comment data is processed.