- Halo teman-teman jumpa kembali kita pada hari ini, pada perjumpaan hari ini aku akan mengembangkan tutorial cara mengganti/mengubah background header blog. Mengubah backround header blog dengan cara yang aku berikan di bawah ini sangatlah gampang alasannya aku akan memperlihatkan caranya dengan lengkap.
Baca Juga: Cara Membuat Notifikasi Alert Di Blog
Header blog ialah bab paling pertama yang dilihat dikala pengunjung mengunjungi sebuah blog, jadi hal demikian dapat jaddi tolak ukur bagi pengunjung seberapa menariknya blog tersebut.
Untuk anda yang mungkin ingin menggantikan background header pada blog anda biar terlihat menarik silahkan ikuti langkah-langkah di bawah ini dengan baik.
Cara Mengganti Background Header Blog
Pertama-tama silahkan login dulu ke blogger.com
Silahkan klik sajian Tema > Edit HTML
Sekarang silahkan cari kode #header-wrapper dan gantikan dengan arahan di bawah ini
#header-wrapper{width:980px; height:196px; text-align:left; background:#272727 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwb0uacExv7DbnPQTtvZTOFsEBzEl_IHeuzm5jsznnjOmuGE6CI79yEFmVK8iPb7aLj99Ne1L_Rc5L3GcLXryEBoA3v-KXfnlj-gOfN7sejzj7j0AWUytYmoHnTpQXnskZmj_icvYz7jI/s1600/background+blog.jpg) repeat-x; padding:0px}
kalian juga dapat mendesain tampilan sesuai dengan yang kalian suka, silahkan simak klarifikasi arahan di bawah ini dengan baik.
- width:980px ialah lebar gambar blog anda, dapat anda ganti sesuai selera dan ukuran header blog anda. height:196px ialah tinggi gambar blog anda, ini dapat anda ganti juga sesuai selera.
- text-align:left ialah letak teks pada header blog anda, dapat anda ganti dengan text-align:right bila ingin teks berada di kanan, dan dapat anda ganti dengan text-align:centre bila ingin teks berada di tengah.
- url(...) ialah url gambar anda, dapat anda ganti dengan url gambar yang lain.
- repeat-x dapat anda ganti dengan no-repeat, bila tidak ingin ada pengulangan. Anda juga dapat mengganti dengan arahan yang lain.
- padding:0px juga dapat anda ganti sesuai selera.
Sampai disini anda telah mengubah header blog anda dan jangan lupa untuk mengklik simpan templeat blog anda, silahkan lihat kesannya bila masih ada yang kurang kalian dapat mengeditnya kembali dengan poin-poin yang telah tertera di atas.
Demikianlah untuk artikel tutoriak blog keren cara mengganti backround header blog. Semoga bermamfaat dan semoga sukses.