Blog Tutorial Dan Bisnis Online Terpercaya


Kamis, 20 April 2017

Merubah Warna Header Pada Blog

elemenheaderPertama-tama, sebelum kita mempelajari lebih jauh tentang menambahkan elemen baru di bawah header, kita harus tahu dulu apa sih header itu? Header adalah informasi awal atau data yang berguna untuk kategorisasi atau transmisi tujuan utama sebuah blog. Header merupakan unsur yang paling penting dalam sebuah template karena setiap pengunjung yang datang ke blog Anda pertama kali yang dilihat adalah headernya. Contohnya bisa sobat lihat pada gambar di samping atas

Fungsi header itu sangat banyak sekali, terutama sebagai kunci awal sebuah blog. Sebuah blog yang sukses akan menaruh kata kunci dari blog mereka di headernya sebagai informasi pembuka atau yang sering disebut tema pada sebuah cerpen. Selain itu, kita juga perlu mempercantik header kita, agar pengunjung tidak jenuh, salah satunya dengan merubah warna header blog. Selain itu, kita juga bisa menambahkan kolom / elemen baru di bawah header untuk menempatkan apa saja terutama iklan. Di header pun kita bisa merubah font (jenis huruf) yang bisa kita sesuaikan dengan templates blog kita. Untuk membuatnya sobat bisa mengikuti caranya di bawah ini:

1. Login ke akun sobat blogger.
2. Di bagian dasbor, klik rancangan.
3. Pada tab elemen laman, klik edit html.
4. Carilah kode: #header { pada kotak Edit HTML.
(Gunakan CTRL + F untuk pencarian cepat)
Merubah Warna Header Pada Blog

Keterangan : Agar mempercantik headernya, Anda bisa menambahkan kode background: kode warna;  tepat di bawah tulisan margin. Tulisan kode warna tersebut Anda bisa menghapusnya dan menggantinya dengan warna yang Anda inginkan Contoh: #ff6633.
5. Hasilnya akan menjadi seperti ini.

Merubah Warna Header Pada Blog

6. Simpan template, dan lihat hasilnya!


Baca Juga:

Comments
0 Comments

0 komentar:

Posting Komentar

Silahkan tinggalkan komentar sobat dan mohon jangan Nyepam ya..! Komentar dengan menyertakan LINK / ANCHOR TEXT atau promosi produk tertentu akan saya hapus karena blog ini bukan tempat untuk mempromosikan produk yang dijual di blog anda.

 
Copyright © 2018. Tutorial Blog's . All Rights Reserved