Cara Membuat Texs atau Gambar Header Otomatis di tengah

Cara Membuat Texs atau Gambar Header Otomatis di tengah, Ok kali ini saya akan menerangkan cara membuat Cara Membuat Texs atau Gambar Header Otomatis di tengah, kenapa harus ada di tengah Jikalau kita menempatkan atau memberikan gambar pada hedaer Blog kita kemudian di samping header kita kita letakkan unit Iklan, Ketika kita buka di Perangkat Selular akan secara otomatis gambar yang kita tempatkan di header akan menyusut baik ke kiri atau ke kanan dan tentunya sangat tidak enak di pandang mata. dan setelah mencari-cari di Google cara Cara Membuat Texs atau Gambar Header Otomatis di tengah akhirnya ketemu Juga, jika anda ingin melakukannya Silahkan SImak Caranya.
Cara Membuat Texs atau Gambar Header Otomatis di tengah

Membuat Gambar Header di tengah dengan Template designer blogger


Cara Membuat perubahan ini terbilang  relatif mudah. Anda dapat melakukan penyesuaian Otomatis ini pada setiap halaman blog Blogger anda tanpa harus mengubah mereka secara satu-per-satu. Yang perlu anda lakukan adalah memodifikasi CSS dari blog anda yang dapat ditemukan secara langsung melalui dashboard Blogger Anda Bahkan jika anda memiliki sedikit atau bahkan tidak ada pengalaman dalam desain website baik blog atau wodpress atau coding, Anda pastinya dapat membuat gambar header dengan mudah tepat ditengah dengan mengikuti beberapa langkah berikut ini.

Langkah 1. Masuk akun blogger anda dan pilih blog yang ingin di modifikasi, kemudian pergi ke tab "Template" dan klik tombol "Customize" di sisi kanan.
Cara membuat gambar header di tengah #2
Membuka template designer blogger
Langkah 2. Kemudian Arahkan ke tab "Tingkat Lanjut" > "Tambahkan CSS" dan paste kode di kotak kosong:
#header-inner {
background-position: center !important;
width: 100% !important;
text-align: center;
 }
#header-inner img {
margin: auto;
}
Jika anda memiliki gambar kecil dan anda ingin menjadi lebar penuh, tambahkan CSS dibawah ini sebagai gantinya:
#header-inner {
background-size: cover;
width: 100% !important;
text-align: center;
}
#header-inner img {
 width: 100%;
height: 100%;
}
Langkah 3. Langkah Selanjutnya Simpan CSS atau Tekan ENTER setelah anda paste code css, kemudian klik tombol "Terapkan ke Blog" di sudut sebelah kanan-atas dari taksbar template designer.
Cara membuat gambar header di tengah #3
Memodifikasi CSS

Berikut adalah beberapa pilihan selaras lainnya untuk header Anda:

Gambar di sebelah kanan dan judul di sebelah kiri

#header-inner {
background-position: right !important;
width: 100% !important;
}

.titlewrapper, .descriptionwrapper {
float: left;
clear: both;
margin-left: 20px;
}

Gambar di sebelah kiri dan judul di sebelah kanan

#header-inner {
background-position: left !important; 
width: 100% !important;
}
.titlewrapper, .descriptionwrapper {
float: right;
clear: both;
margin-right: 20px;
}

Catatan: untuk gambar yang lebih besar, Anda mungkin harus mengubah ukurannya untuk membuat mereka tampil berdampingan dengan teks.

Subscribe to receive free email updates:

2 Responses to "Cara Membuat Texs atau Gambar Header Otomatis di tengah"

  1. postingan yang keren, tapi apakah hal ini tidak mengakibatkan akun adsense kita bermasalah?

    ReplyDelete
    Replies
    1. selama tidak mengutak-atik kode adsense ini tidak menjadi masalah

      Delete