Tutorial Menambah "3 Columns Footer"

Topik sebelum ini, Tutorial Membuat Template 3 Kolum, telah diterangkan cara-cara mengubahsuai template MINIMA daripada 1 Kolum kepada 3 kolum. Dan seperti yang saya janjikan, kali ini saya akan memberikan tutorial untuk menambah 3 lagi kolum di bahagian bawah iaitu "Footer".
Di bawah adalah "screenshot" untuk muka "Page Elements" bagi template MINIMA yang telah diubahsuai menjadi 3 kolum.

Dan kita ingin tambah kolum menjadi seperti di bawah:-

Caranya mudah. Pergi ke Dashboard >> Layout >> Edit HTML dan anda cari tag seperti di bawah:-

**NOTA** Jika tidak ada tag footer-wrapper seperti di atas, cari tag seperti footer atau footer-section.

Highlightkan seperti di atas dan anda gantikan dengan kod di bawah:-

<br /> <br /> <div id='footer'><br /> <div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'><br /> <b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/><br /> </div><br /> <div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'><br /> <b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/><br /> </div><br /> <div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'><br /> <b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/><br /> </div><br /> <div style='clear:both;'/><br /> <p><br /> <hr align='center' color='#5d5d54' width='90%'/></p><br /> <div id='footer-bottom' style='text-align: center; padding: 10px;'><br /> <b:section class='footer' id='col-bottom' preferred='yes'><br /> </b:section><br /> </div><br /> <div style='clear:both;'/><br /> </div><br /> <br />

Kemudian, klik "Save Templates".

Demo Minima Remix 2

DOWNLOAD Minima Remix 2