Slider

Videos Thriller

panduan

Fasilitas

Usaha Mikro Kecil Dan Menengah

Budaya

Poin Belanja

Gallery

» » Cara Menambah Widget Atau Gadget Di Samping Judul Blog

Tata cara menambahkan widget di samping Header blog,sehingga header terlihat 2 bagian,,,lebih jelasnya lihat gambar dibawah ini.



Bberikut langkah-langkahnya :
  1. Masuk di menu TEMPLATE sobat,lalu pilih EDIT HTML.
  2. Cari Kode dibawah ini.
    .header-outer {
      background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
      _background-image: none;
    }
  3.  Jika Sudah Dapat Ganti Kode Diatas Dengan Kode Di bawah Ini.
    .header-outer {
    background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;_background-image: none;min-height: 104px;}
    #header {
    width: 40%;
    margin-right: 10px;float: left; }
    #headerkanan {
    float: right;
    width: 54%;
    margin: 20px 10px 5px 10px;
    padding: 2px;}
    #headerkanan .widget {margin: 3px;}

  4. Berikut Keterangannya.
    .header-outer {
    pada bagian height: 104px(untuk mengatur tinggi  header).
     #header { pada bagian width: 40%; mengatur lebar header kiri.
    #headerkanan { pada bagian width: 54%; mengatur lebar header kanan. dan margin: 20px 10px 5px 10px; mengatur posisi atas-bawah header kanan.
  5. Selanjutnya cari kode.
    <div class='region-inner header-inner'>
  6. jika sudah ketemu,tambahkan kode di bawah ini samping kanannya.
    <b:section class='headerkanan' id='headerkanan' maxwidgets='1' showaddelement='yes'></b:section>
  7. Sehingga terlihat seperti dibawah ini.
    <div class='region-inner header-inner'><b:section class='headerkanan' id='headerkanan' maxwidgets='1' showaddelement='yes'></b:section>

  8. Langkah terakhir smpan TEMPLATE.

«
Next
Posting Lebih Baru
»
Previous
Posting Lama

Tidak ada komentar:

Leave a Reply