Tidak
hanya untuk menggambar, melukis, mewarnai , background juga dapat didesain
dengan bagus dan menarik. Pada sebuah blog, tampilan menjadi hal yang sangat
penting untuk menunjang banyak pengunjung. Postingan sebelumnya telah
dijelaskan bagaimana cara merubah background template pada blog dengan
gambar.
Kali ini, merupakan artikel pelengkap yaitu Cara Mengganti Background Header Blog agar Menarik dan Dinamis.
Kali ini, merupakan artikel pelengkap yaitu Cara Mengganti Background Header Blog agar Menarik dan Dinamis.
Header Blog adalah
bagian paling atas pada sebuah situs yang berisi nama situs, menu, tempat
pencarian, lokasi situs, media iklan dan sebagainya. Apabila pada elemen header
ini tidak menarik, langkah yang pas adalah dengan mengkombinasikan warna serta
memberi background dengan tema dan layout yang sesuai. Jadi, tidak hanya body
background yang kita modifikasi namun juga pada bagian header lah yang paling
utama.
Agar background tersebut menarik, berilah gambar yang bagus atau bisa juga padanan gradiasi warna yang sesuai dan bisa juga animasi, atau bahkan hanya text saja. Hal ini akan menjadi pertimbangan untuk anda menentukan sesuatu yang cocok untuk dimasukkan kedalam latar belakang header tersebut.
Cara Mengganti Background pada Header melalui Edit HTML :
1. Pilih bagian Template di blogger.com
2. Klik Edit HTML, dan cari kode #header-wrapper atau #header
3. Maka, anda akan melihat susunan kode seperti
#header-wrapper{width:985px;padding:0 0 0px 5px;height:110px;background:#fff url(http://4.bp.blogspot.com/-o2zGkwcXhRg/UaBI_UXx3rI/AAAAAAAABCg/MeruBAHcw8/s1600/backgroundrs2.png);}
Keterangan : Yang berwarna orange, silahkan anda masukkan dengan URL Link foto/gambar/image background anda.
Sebelumnya, anda harus mempersiapkan gambar backgroundnya lalu upload di Google+, Photobucket, Flicker, atau lainnya. Bisa juga upload di blog pada saat posting artikel namun jangan di Publish. Lalu, ambillah alamat link url gambarnya.
Width : adalah lebar / panjang elemen header
Height : adalah tinggi header
#fff : kode warna ( putih ) yang berfungsi apabila gambar tidak muncul maka warna putih lah yang akan menjadi background sobat.
Jadi, anda harus menyesuaikan gambar yang anda buat dengan ukuran tersebut.
4. Save jika pengaturan diatas sudah selesai.
Cara Mengganti Background Header Blog pada Layout Blogger :
Agar background tersebut menarik, berilah gambar yang bagus atau bisa juga padanan gradiasi warna yang sesuai dan bisa juga animasi, atau bahkan hanya text saja. Hal ini akan menjadi pertimbangan untuk anda menentukan sesuatu yang cocok untuk dimasukkan kedalam latar belakang header tersebut.
Cara Mengganti Background pada Header melalui Edit HTML :
1. Pilih bagian Template di blogger.com
2. Klik Edit HTML, dan cari kode #header-wrapper atau #header
3. Maka, anda akan melihat susunan kode seperti
#header-wrapper{width:985px;padding:0 0 0px 5px;height:110px;background:#fff url(http://4.bp.blogspot.com/-o2zGkwcXhRg/UaBI_UXx3rI/AAAAAAAABCg/MeruBAHcw8/s1600/backgroundrs2.png);}
Keterangan : Yang berwarna orange, silahkan anda masukkan dengan URL Link foto/gambar/image background anda.
Sebelumnya, anda harus mempersiapkan gambar backgroundnya lalu upload di Google+, Photobucket, Flicker, atau lainnya. Bisa juga upload di blog pada saat posting artikel namun jangan di Publish. Lalu, ambillah alamat link url gambarnya.
Width : adalah lebar / panjang elemen header
Height : adalah tinggi header
#fff : kode warna ( putih ) yang berfungsi apabila gambar tidak muncul maka warna putih lah yang akan menjadi background sobat.
Jadi, anda harus menyesuaikan gambar yang anda buat dengan ukuran tersebut.
4. Save jika pengaturan diatas sudah selesai.
Cara Mengganti Background Header Blog pada Layout Blogger :
- Masuk ke bagian Layout / Rancangan Design / Tata Letak pada menu Blogger.
- Kemudian klik Edit pada bagian Header seperti terlihat pada gambar.
- Maka akan terbuka sebuah popup window berisi tempat untuk melakukan upload gambar image anda.
- Klik "Browse" untuk memilih gambar pada komputer anda, yang secara otomatis nanti akan terupload setelah dipilih.
- Pilih Selain judul dan keterangan atau opsi no. 2 pada bagian yang diberi kotak kuning.
- Sedangkan, kotak hijau berfungsi untuk meletakkan alamat link url gambar anda saja.
Klik Save jika sudah selesai.
0 komentar:
Post a Comment