Bagaimana Menjadikan Photo atau Image Sebagai Background Header Kamu?

Ternyata, kalau kita mau menambahkan foto / gambar di header blog bukan sesuatu hal yang sulit. Dengan sedikit perubahan dan penambahan html, blog mu akan terlihat lebih unik dan cantik sesuai dengan keinginan kita.

Seperti biasa, sebelum kita memulai, pastikan untuk menyimpan html template yang ada, jadi kalau ada kesalahan kita gampang untuk memperbaikinya lagi. Tips ini sebaiknya digunakan pada blog baru yang belum ada postingnya untuk menghindari perubahan layout yang sudah ada, karena apabila digunakan pada blog yang sudah ada postingnya seringkali tidak berhasil. Caranya blok terlebih dahulu semua data yang ada di edit html dengan menekan Ctrl+a, kemudian pindahkan ke notepad dan simpan dengan nama file yang gampang diingat.

Sudah ? Sekarang kita mulai pembuatan foto / gambar untuk background header blog kamu secara bertahap.

1. Masuk ke akun bloger kamu, kemudian klik edit html



dan tarik (scroll down) edit html tersebut sampai bawah sampai kamu menemukan tulisan seperti di bawah ini :



Note diatas menunjukkan template kita adalah minima dengan lebar 660 px

2. Jika kamu menggunakan photoshop atau program yang lain, sesuaikan (crop) ukuran foto / gambarnya dengan lebar 660 px.. Jika tidak mempunyai photoshop, kamu bisa menggunakan software gratis, caranya klik disini dan silahkan sesuaikan ukurannnya. Simpan di komputer di tempat yang mudah diingat karena nanti akan kita buka lagi.


3. Nah, sekarang foto / gambar kamu sudah siap ! Langkah berikutnya klik kustomisasi yang ada di navbar kanan atas blogmu lalu klik page element



Kemudian klik tombol edit sesuai gambar dibawah :



4. Akan muncul tampilan seperti di bawah ini. Pada keterangan image pilih from your computer dan klik browse untuk mencari foto / image yang sudah kita simpan tadi di komputer. Jika foto / image tersebut berasal dari internet, maka pilih from the web dan ketik alamat situs yang memuat foto / image yang kan ditayangkan tersebut.
Untuk Placement, pilih behind title and description jika kita menginginkan foto/image tersebut sebagai background header, atau pilih instead of title and description jika kita ingin mengganti judul dan deskripsi yang ada dengan foto/image tersebut dan klik shrink to fit supaya ukuran gambar secara otomatis sesuai dengan lebar header template kamu.



5. Selesai ! keren nggak hasilnya ? silakan modifikasi sesuai keinginan yach!!!