Translate

Senin, 05 Mei 2014

Bagi Header Blog jadi 2 Kolom

Ga Perlu Basa-Basi, Langsung Aja.
Cara membagi header blog jadi dua kolom sebagai berikut:


header blog dua kolom
  • Login ke akun Blog masing-masing.
  • Pilih menu "Template".
  • Klik "Edit HTML".
  • Centang "Expand Template Widget".
  • Cari kode dibawah, (ketikkan CTRL+F pada keyboard untuk mempermudah pencarian).
.header-outer { background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;}
  • Jika sudah anda temukan hapus kode tersebut, ganti dengan kode dibawah.
.header-outer {background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;_background-image: none;min-height: 120px;}#header {width: 40%;margin-right: 10px;float: left; }#pba_rightheader {float: right;width: 55%;margin: 20px 10px 5px 10px;padding: 2px;}#pba_rightheader .widget {margin: 3px;}
  • Masih pada menu Template >> Edit HTLM >> Centang Expand Template Widget. Sekarang cari kode dibawah,
<div class='region-inner header-inner'>
  • Sudah ketemu kan? lihat kode yang ada dibawah ini, kemudian anda copy dan letakkan setelah kode <div class='region-inner header-inner'>.
<b:section class='pba_rightheader' id='pba_rightheader' maxwidgets='1' showaddelement='yes'></b:section>
  • Jika sudah klik "Simpan template".

Tidak ada komentar:

Posting Komentar

Download APK Android Terbaru

Setelah ada temen yang nanyain tetntang gimana dia boros banget sama kuota internetnya buat coba-coba banyak aplikasi android di Play store,...