Hello Sobat, sekarang saya akan mempublikasikan bagaimana menambah kolom header untuk tempat iklan atau lebih tepatnya kolom header anda akan dibagi untuk tempat iklan ataupun lainnya....
Satu untuk header blog anda dan satu lagi untuk tempat iklan ataupun lainnya...

Let's GO to TKP


Untuk Membuatnya Silakan Ikuti Langkah Berikut :


  • Login ke blog anda Klik DISINI, silakan isi email dan password blog anda
  • Pilih ‘TATA LETAK’
  • Klik "Edit HTML"
  • Agar tidak sursar bahasa batakxnya atau kendala download terlebih dahulu template anda alias JAGA-JAGA
  • (gunakan Ctrl + F) Cari kode seperti dibawah ini atau yang mirip (tergantung templete anda) :
#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;
}
  • Ganti semua kode diatas dengan kode berikut :
#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;
}
  • Selanjut nya cari kode :
  • <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
    </b:section>
    </div>
  • Jika sudah Ketemu, ganti kode tersebut diatas dengan kode :
  • <div id='header-wrapper'>
    <div id='head-inner'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
    </b:section>
    </div>
    <div id='r_head'>
    <b:section class='header' id='header2' preferred='yes'/>
    </div>
    </div>
  • Klik Simpan
  • Selesai 
Jika Berguna Tolong share/like artikel ini ya sobat....
Jangan Lupa follow...
:) :) :) :)

0 komentar:

Post a Comment

 
Top