Mengedit Header Blog
Tekadang kita sebagai pemilik Blog bosan dengan tampilan Header Blog yang standar, dan terkadang jika melihat blog milik orang terasa sangat bagus dan menarik bahkan terlihat unik.
Dan terlintas juga bagaimana cara Mengganti atau Mengedit Header Blog milik kita !!!
Oke !! disini kita akan bahas Cara Mengedit Header Blog tahap dasar.
Mengedit Header Blog
- Pertama masuk ke Dasbor blog Anda
- Pilih Menu yang berada disebelah kiri, klik Template
- Klik edit HTML template
- Selanjutnya cari code #header-wrapper, seperti contoh dibawah ini !!
Warning !!!
Sebelum mengedit HTML template sebaiknya backup terlebih dahulu template Anda, takut terjadi hal-hal yang tidak diinginkan.
Caranya klik Cadangkan /Pulihkan yang berada dipojok kanan atas lalu klik Download Template
Contoh Code HTML Header
#header-wrapper{width:860px; height:200px; text-align:center; background: #cc6600 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz7_Es57wVd62lif6GLSdXvpHAjC7eBxUgZh3sICmkQlWZg-1Hk5cwCIIBoMIha0xXNBiHhvVBMb3IrQqdo5O7OR-Jh46a5Z7bKkwPP2VWYfWF6uCgRZwSPgnorD1Y3XrCTgRsmIZ7tck/s1600/background+blog.jpg) repeat-x padding:0px}
Code di atas yang saya beri warna dan garis bawahi, itu code yang akan kita edit. Berikut penjelasannya
- width:860px; adalah ukuran untuk lebar gambar pada Header Blog, silahkan ganti ukuran sesuai kebutuhan.
- height:200px; adalah ukuran untuk tinggi Header Blog, silahkan ganti sesuai kebutuhan.
- text-align:center adalah posisi judul atau gambar Header, Anda bisa menggantinya dengan : left untuk posisi kiri, right untuk posisi kanan, atau center untuk posisi judul atau gambar berada ditengah.
- background:#cc6600 adalah code backgroun Header Blog, ganti code warna background sesuai keinginan.
- url(http://...jpg) itu adalah URL gambar Blog, ganti dengan URL gambar Anda Atau URL Logo Blog Anda.
Itulah Cara Mengedit Header Blog tahap dasar, dan semoga artikel ini bermanfaat untuk kita semua.
Belum ada tanggapan untuk "Cara Mengganti atau Mengedit Header Blog"
Post a Comment