Latest News

Agar Gambar Header Di Tengah Dan Terlihat Simetris

Agar gambar header di tengah. Header dari sebuah situs web menggambarkan topik blog,  sebagai identitas dari blog anda dengan yang lain. Setiap kali pengunjung mengakses blog untuk pertama kalinya, header merupakan salah satu aspek utama yang digunakan untuk menentukan apa blog anda dan jenis konten dari isi artikel di dalamnya. Oleh alasannya ialah itu, penting untuk membuatkan sebuah header yang baik ditempatkan rata di tengah dan pengunjung dengan cepat tertuju di depan mata nama blog milik Anda.

Agar gambar header rata di tengah. Bloger secara template default gambar  headernya ada di sisi kiri dan kita sah-sah saja merubah posisi di tengah-tengah biar nampak terperinci nama blog dan deskripsi blog kita, jika kita menguplouad gambar untuk header pastinya gambar terpotong otomatis jika menggunakan tempalte bawaan, tapi anda mampu merubah biar gambar tetap utuh ibarat pixel awal aploud.


Agar gambar header di tengah
Contoh Header Gambar diatas masih di samping kiri dengan Blogger


Nah untuk lebih jelasnya agar gambar header rata ditengah sebagai berikut ini :

Membuat gambar header rata di tengah


Pertama-tama backup dulu template blog anda jika arahan di bawah ini membuat error tidak mampu di terapkan.

1). Masuk akun blogger anda.
2). Pilih menu template eksklusif ke Edit HTML
3). Telusuri arahan di bawah ini salah satunya Dengan pencarian  Ctrl + F :

#header-wrapper
#header-inner
#header img

4). Nah jika sudah ditemukan kode-kode diatas penampakan arahan di template akan ibarat arahan di bawah dan perhatikan arahan yang di tandai warna hijau :

    #header-wrapper{background:#fff; margin:0 auto; width:970px; overflow:hidden}
    #header-inner{background-position:center; margin-left:auto; margin-right:auto}
    #header{padding-left:20px; font-family:arial; width:900px; text-align:left; float:left; height:70px; color:#000}
    #header h1{font:25px "Segoe UI",Arial; font-weight:bold; color:#000; text-align:left; margin-top:5px; padding:6px 0 8px}
    #header a{text-decoration:none; color:#000; border:0}
    #header .description{font-size:1em}
    #header img{margin-left:auto; margin-right:auto}
    #outer-wrapper{background:#fff; box-shadow:0 0 20px #6d5d96;

4). Selanjutnya anda harus mengubah arahan berwana hijau ini :


    #header img{margin-left:auto; margin-right:auto}

Ganti dengan :

    #header img{margin-left:auto; margin-right:auto}

5). Simpan dan lihat hasilnya.

Itulah tips sederhana perihal gambar header mampu berada di tengah-tengah semoga berhasil.