Beranda > Uncategorized > Membuat Header Blog Menjadi Dua Bagian

Membuat Header Blog Menjadi Dua Bagian

Header Template blog pada umum nya cuma memiliki satu bagian memanjang, nah untuk menambahkan fungsi agar lebih fungsional, maka header template blog dibagi menjadi dua bagian, berikut caranya:

1. Login ke akun blog anda
2. klik tat letak dan pilih edit html
3. Cari kode seperti dibawah ini

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

4. Hapus kode tadi dan ganti dengan kode seperti dibawah ini

#header-wrapper {
width:930px;
margin:0 auto 0px;
background:#38610B url(http://i33.tinypic.com/sw6cfo.jpg) no-repeat top center;
height:180px;
}

#head-inner {

width:500px;

background-position: left;
margin-left: auto;
margin-right: auto;
float:left;
}

#header {
margin: 0px;
text-align: left;
color:#ffcc66;
}

#r_head{
width:430px;
float:left;
padding-top:10px;
}

5. Cari lagi kode seperti dibawah ini




6. Hapus kode diatas dan ganti dengan kode dibawah ini





Anda bisa melakukan pengeditan sesuai yang anda mau pada kode hijau diatas, jika tidak ingin perubahan, klik simpan.

Kategori:Uncategorized
  1. Belum ada komentar.
  1. No trackbacks yet.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: