Post Anyar

6/recent/ticker-posts

Cara Memindahkan Menu di Atas Header

Bagi bloggers yang baru mendaftar di blog ( blogspot standart ), saat mengaktifkan laman / menu pastilah akan menjumpai tampilan menunya berada dibawah header. Sebenarnya bloggers bisa dengan mudah untuk mengubah / memindahkannya jadi diatas header..

Bagaimana caranya bos, disini penulis mencoba memberikan sedikit pengetahuannya setelah mencoba-coba dan mengutak-atiknya...

berikut ini caranya :
  1. Login ke blog,
  2. Buka template klik Edit Html,
  3. Cari kode </header>, untuk mempermudah gunakanlah Ctr + F,
  4. Setelah ketemu pindahkan kode dibawah kode </header> tersebut keatas kode <header>, kurang lebih kodenya seperti dibawah ini :
    </header>
    <div class='tabs-outer'>
        <div class='tabs-cap-top cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left tabs-fauxborder-left'>
        <div class='fauxborder-right tabs-fauxborder-right'/>
        <div class='region-inner tabs-inner'>
          <b:section class='tabs' id='crosscol' maxwidgets='1'    showaddelement='yes'>
    <b:widget id='PageList1' locked='false' title='Laman' type='PageList'/>
    </b:section>
          <b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
        </div>
        </div>
        <div class='tabs-cap-bottom cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>
     
  5. pindahkan menjadi :
    <div class='tabs-outer'>
        <div class='tabs-cap-top cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left tabs-fauxborder-left'>
        <div class='fauxborder-right tabs-fauxborder-right'/>
        <div class='region-inner tabs-inner'>
          <b:section class='tabs' id='crosscol' maxwidgets='1'    showaddelement='yes'>
    <b:widget id='PageList1' locked='false' title='Laman' type='PageList'/>
    </b:section>
          <b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
        </div>
        </div>
        <div class='tabs-cap-bottom cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>
    <hedaer>
      
  6. Simpan,

Post a Comment

0 Comments