Cara Memperbesar Ukuran Header


saya akan membahas sedikit cara merubah template blog terutama pada bagian header blog, setelah mengunjungi beberapa blog saya melihat ukuran header yang tidak sempurna disebabkan ukuran gambar header lebih kecil maupun lebih besar dari ukuran fix yang telah ditetapkan oleh kode css yang terdapat di template.

hal ini biasanya terjadi karena ukuran gambar header tidak sesuai dengan template css. Untuk mengatasi hal tersebut kita harus masuk ke dalam template kita caranya seperti biasa yaitu :

1. Loggin ke blogger.com ,

2. klik Design dan pilih Edit template. 

3. Aktif di template anda dan pada keyboard ctrl + f (untuk fungsi pencarian cepat) dan ketik header, kira-kira tampilannya sebagai berikut :




4. Pada #header jika terdapat kode


#header{
background:url(http://bla..bla..bla..)
}



maka hapus kode tersebut, ini dikarenakan kita telah menganti header dengan cara manual tampa memasukan kode ke dalam template tersebut.

5. Nah tahap ini merupakan tahap terpenting untuk mengatur ukuran header, pada saat anda membuat header sendiri dengan photoshop atau lainnya usahakan ukuran width (lebar) dan height (tinggi) gambar harus sama dengan kode css dari template anda, bagaimana mengetahui pengaturan tinggi dan lebar template anda?
seperti sebelumnya pada keryboar ctrl + f, kemudian ketik "header", kira-kira format css header sebagai berikut :



#header{
width:900px;
height:200px;
}



**penjelasan
maksud widht adalah ukuran lebar dari header, dan height ukuran tinggi header

Jika ukurannya gambar header dengan ukuran css #header pada template anda, ganti width dengan ukuran lebar dari gambar anda dan ganti height dengan ukuran tinggi gambar anda.

Ditulis Oleh : amien yoga ~ DosoGames

Muh.Akram Anda sedang membaca artikel berjudul Cara Memperbesar Ukuran Header yang ditulis oleh Yoga Amien yang berisi tentang : Dan Maaf, Anda tidak diperbolehkan mengcopy paste artikel ini.

Jika Anda menyukai Artikel di blog ini, Silahkan berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Yoga Amien

4 komentar:

  1. Balasan
    1. Wahh.. =(
      sayang sekali..
      di blog saya tapi bisa ya ? haha :imhere:

      Hapus
  2. izin coba dulu gan,thanks dah berbagi

    BalasHapus

Popular Posts

Back to top