Home > 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.

Categories: Uncategorized
  1. No comments yet.
  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: