Tuesday, December 17, 2013

cara menambah gadget dibawah header

Kolom gadget pada layout template blog kita berguna untuk berbagai hal, biasanya kegunaan gadget dibawah header ini untuk iklan sponsor. dengan adanya gadget dibawah header terkadang penempatan iklan sponsor kita lebih mudah terlihat dan hal ini akan menguntungkan kita. oke Langsung saja ke tuttorialnya

  •     Login ke blog Anda.
  •     Pilih tata letak ( Layout ) lihat dulu .
  •     kemudian ke template lalu Klik edit html, jangan lupa centang Expand Template Widget .

  •     Cari kode yang seperti ini:          ]]></b:skin>
  •     Kemudian tambahkan kode dibawah ini persis diatas code    :    ]]></b:skin>

    #under_header{float:left;width:100%;}

Sehingga letaknya seperti ini :

#under_header{float:left;width:100%;}
]]></b:skin> 
  •     Kemudian cari kode seperti ini [ gunakan Ctrl + F untuk mempercepat pencarian ] :

    <div id='header-wrapper'>
    <b:section class='header'id='header'maxwidget="1'showaddelement="no">
    <b:widget id='header1'locked='true'title='nama blog sobat(header)'
    type='header'/>
    </b:section>
    </div>
  • Copy code dibawah ini lalu tempatkan code tersebut tepat dibawah code yang di atas
    code dibawah ini adalah code pembuatan kolom gadgetnya.
<div id='under_header'>
    <b:section class='header' id='underheader' preferred='yes'/>
    </div>
  •     Setelah anda menempatkan code diatas hasilnya akan seperti ini :
    <div id='header-wrapper'>
    <b:section class='header'id='header'maxwidget="1'showaddelement="no">
    <b:widget id='header1'locked='true'title='nama blog sobat(header)'
    type='header'/>
    </b:section>
    </div>


    <div id='under_header'>
    <b:section class='header' id='underheader' preferred='yes'/>
    </div>

  •     Warna merah adalah kode yang harus sobat tambahkan.
  •     Klik simpan 
    Kemudian lihat hasilnya melalui tata letak pada layout Template Anda

Semoga Bermanfaat
Previous Post
Next Post