Cara Menambah Element Baru Di Blog ~ Dwi Pramono

Jul 20, 2011

Cari Kode :
```
<b:section class='header' id='header'
```
Pada kode di atas setelah id=’header’ biasanya terdapat kode lain yang mengikuti seperti : “maxwidgets=’1′ showaddelement=’no’>“. Jika tidak ada tidak menjadi masalah, yang penting seluruh bagian kode html pada point pertama di atas, gantilah dengan kode html baru sebagai berikut :
```
<b:section class='header' id='header'  showaddelement='yes'>
```
Catatan : Seandainya di template sampeyan kode ditulis dalam bentuk berbeda, misalnya ada penambahan “wrapper“, sesuaikan juga kode yang digunakan sebagai pengganti sehingga akan pas buat templatenya.

Cari Kode :
```
<b:section class='main' id='main'
```
Pada kode di atas setelah id=’main’ biasanya terdapat kode lain yang mengikuti seperti : “ showaddelement=’no’>“. Jika ada sedikit perbedaan kode html seperti contoh di bagian atas (header), sesuaikan juga penulisan kodenya. Ganti kode html-nya dengan kode html di bawah ini :
```
<b:section class='main' id='main' showaddelement='yes'>
```

Elemen Baru di footer (di bagian terbawah blog/template):

Cari Kode :
```
<b:section class='footer' id='footer'
```
Pada kode di atas setelah id=’main’ Biasanya pada bagian footer sudah ditampilkan sebuah elemen dengan tanda detelah kode di atas tidak ada penambahan kode html yang lain. Biasanya kode di atas langsung ditutup dengan kode ” > “ (kurung tutup). Jika memang belum ada elemennya gunakan kode baru sebagai berikut :
```
<b:section class='footer' id='footer'>
```

Sidebar (di samping kanan atau kiri atau kedua sisi kanan-kiri) :

Di sidebar biasanya pasti sudah ada elemennya sehingga tidak perlu dilakukan perubahan dalam bentuk apapun.

Crosscol Wrapper (di antara header dan ruang posting) :

Tidak semua blog menggunakan Crosscol Wrapper. Bila ingin menambahkan elemen baru Crosscol, harus dilakukan penambahan kode baru sebagai berikut :
```
<div id='crosscol-wrapper'>
<b:section class='crosscol' id='crosscol'/>
</div>
```
Letakkan kode di atas di bawah kode html seperti terlihat di bawah ini :
```
<div id='content-wrapper'>
```

Apabila kode di atas tidak ada dan sampeyan tetap ingin menambahkan elemen baru di posisi tersebut, maka tambahkan kode html secara lengkap seperti di bawah ini :
```
<div id='content-wrapper'>
<div id='crosscol-wrapper'>
<b:section class='crosscol' id='crosscol'/>
</div>
```
Lanjutkan dengan menambah tag penutup </div> di atas kode :
```
<div id='footer-wrapper'>
```

Tutorial Lain

Dwi Pramono