Yang menciptakan website anda berbeda dengan yang lain yaitu pada headernya, itu merupakan identitas atau sidik jari digital. Setiap kali pengunjung mengakses blog anda untuk pertama kalinya, header ialah salah satu aspek utama yang dipakai untuk memilih siapa anda dan jenis konten yang sesuai harapan. Oleh alasannya ialah itu, penting untuk membuatkan sebuah header yang manis dan pada kawasan yang mencolok dan menggambarkan nama merek.
Apa yang nampak akan berlawanan dengan gagasan bahwa pengaturan default Blogger sebagai penentuan posisi header. Setiap kali anda memasang header ke situs, maka secara otomatis akan rata di sebelah kiri page. Beberapa pengguna Blogger mungkin tak problem dengan pengaturan ini, terutama jikalau mereka memakai desain header yang tidak mengandung latar belakang. Orang lain mungkin berpikir bahwa header latar belakang mereka tampak terpotong, tidak lengkap, atau tidak sanggup dibedakan dari konten mereka.
 |
| Gambar Header rata tengah |
Jika anda merupakan bab dari kategori yang kedua, ada cara untuk menyesuaikan posisi header anda sehingga ditampilkan di tengah blogger. Dengan header situs anda sempurna ditengah, Anda mempunyai fleksibilitas yang lebih besar dari desain keseluruhan. Sulit untuk melewatkan sebuah header yang ditempatkan di tengah layar pada setiap halaman seseorang menavigasinya.
Tutorial Membuat Gambar Header di tengah dengan Template designer blogger
Membuat perubahan itu relatif mudah. Anda sanggup melaksanakan adaptasi ini pada setiap halaman blog Blogger anda tanpa harus mengubah mereka secara satu-per-satu. Yang perlu anda lakukan ialah memodifikasi CSS dari blog anda yang sanggup ditemukan secara pribadi melalui dashboard Blogger Anda. Bahkan jikalau anda mempunyai sedikit atau bahkan tidak ada pengalaman dalam desain web atau coding, Anda sanggup menciptakan gambar header sempurna 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.
 |
| Membuka template designer blogger |
#header-inner {
background-position: center !important;
width: 100% !important;
text-align: center;
}
#header-inner img {
margin: auto;
}
Jika anda mempunyai 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. Tekan ENTER sehabis anda paste code css, kemudian klik tombol "Terapkan ke Blog" di sudut sebelah kanan-atas dari taksbar template designer.
 |
| Memodifikasi CSS |
Berikut ialah 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 menciptakan mereka tampil berdampingan dengan teks.
Akhir Kata!!!
Setelah melaksanakan perubahan ke CSS dan menyimpan modifikasi anda, anda mungkin ingin melihat kembali situs anda. Refresh halaman dan anda akan melihat header kini sempurna ditengah, bukan di sebelah kiri. Klik pada beberapa halaman link anda dan pastikan bahwa modifikasi ini telah dibentuk untuk setiap halaman atau posting di blog. Jika kebetulan anda tidak melihat perubahan pada header, kembali ke instruksi yang anda ubah dan pastikan bahwa anda telah menyalin dan menyisipkan kodenya ke dalam kotak persis ibarat yang diperintahkan. Bahkan perubahan kecil dalam kode, atau titik koma hilang akan gagal menciptakan perubahan yang anda inginkan, atau hasil yang berbeda dari apa yang diharapkan.
Pemikiran yang manis perihal CSS ialah bahwa itu merupakan sentra kemenarikan dari situs anda untuk semua hal desain. Dari file CSS, anda sanggup memodifikasi apapun dan bagaimanapun penampilan situs anda. Setelah anda merasa nyaman melaksanakan adaptasi dengan tampilan situs anda, buatlah blog akan menjadi sesuatu yang berbeda dan menarik.
Mari berteman dengan saya
Follow my Instagram _yudha58
0 Response to "Cara Menciptakan Gambar Header Di Tengah"
Posting Komentar