Menambahkan Elemen Halaman Baru Diatas Dua Kolom


langsung aja ke TKP Bozz, Bagaimana cara menambahkan sebuah kolom elemen halaman diatas dua kolom
Ikuti langkah-langkah berikut:

1. Pertama dalam keadaan loggin pastinya, klik TATA LETAK => EDIT HTML.
2. Carilah kode seperti berikut: (lebar atau width tentu berbeda sesuai lebar kolom pada template sobat)



#sidebar-wrapper {
  width: 220px;
  float: right;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}


3. Kalau sudah ketemu tambahkan kode berikut diatas kode tadi

#topsidebar-wrapper {
border: 1px solid #FFFFFF;
background:#FFFFFF;
width:440px;
float:right;
padding:5px;
margin-top:10px;
}

Keterangan widht: 440px adalah penjumlahan dari dua kolom elemen yang telah ada pada sidebar template minima percobaan saya jadi sobat sesuaikan jumlahnya dengan menjumlahkan lebar dua kolom pada sidebar sobat!

4. lengkap kodenya jadi seperti ini:

#topsidebar-wrapper {
border: 1px solid #FFFFFF;
background:#FFFFFF;
width:440px; float:right;
padding:5px;
margin-top:10px;
}
#sidebar-wrapper {
  width: 220px;
  float: right;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */

3.Langkah selanjutnya,anda cari kode berikut:

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

4. setelah ketemu letakkan kode berikut, dibawah kode tadi:

<div id='topsidebar-wrapper'>
<b:section class='sidebaratas' id='sidebaratas' showaddelement='yes'>
</b:section>
</div>

5. Sehingga kodenya jadi seperti berikut:

<div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol'/>
      </div>
<div id='topsidebar-wrapper'>
<b:section class='sidebaratas' id='sidebaratas' showaddelement='yes'/>
</div>

6. Selesai. jangan lupa simpan template. Lihat hasilnya pada elemen halaman kalau sudah adakolom elemen baru diatas dua kolom seperti screenshot diatas berarti berhasil.

NB :
Semoga bermanfaat! oya senang sekali kalau sobat mau menyediakan sedikit waktu untuk meninggalkan comment dibawan sini,...selamat berkarya..!!!




Category:

0 komentar:

Post a Comment

"Komentar anda sangat bermanfaat untuk perkembangan blog ini. Jangan lupa adab berkomentar, dan jangan buang waktu untuk spam. Terima Kasih!!!."