skanses

Bagaimana cara menambah colom footer sperti gambar di bawah ini...

mawu??, bisa mengikuti langkah langkah nya di bawah ini :
Login Blogger
Pilih Rancangan-Edit HTML

Perhatian :
Agar tidak terjadi kesalahan, simpan atau salin template blog ke notepad komputer Anda, dalam keadaan centang (√) Expand Template Widget.

Selanjutnya hilangkan tanda centang Expand Template Widget agar mudah mengikuti langkah-langkah nya
Kalau sudah, Anda cari kode ]]></b:skin> dan letakkan kode berikut di atas kode ]]></b:skin>

<br /> <span style="font-family: "Arial","sans-serif"; font-size: 10pt;"><br /> </span><br /> <span class="apple-style-span"> <div style="color: #cccccc;"><br /> #footer-column-divide</div><br /> <div style="color: #cccccc;"><br /> clear:both;</div><br /> <div style="color: #cccccc;"><br /> }</div><br /> <div style="color: #cccccc;"><br /> .footer-column {</div><br /> <div style="color: #cccccc;"><br /> padding: 10px;</div><br /> <div style="color: #cccccc;"><br /> }</div><br /> <div style="color: red;"><br /> <br /> </div><br /> <div style="color: red;"><br /> Berikutnya, cari kode yang mirip seperti kode di bawah ini :</div><br /> <div style="color: red;"><br /> <div style="color: lime;"><br /> &lt;div id='footer'&gt;</div><br /> <div style="color: lime;"><br /> &lt;b:section class='footer' id='footer' showaddelement='yes'/&gt;</div><br /> <div style="color: lime;"><br /> &lt;/div&gt;</div><br /> <br /> Atau<br /> <br /> <div style="color: lime;"><br /> &lt;div id='footer-wrapper'&gt;</div><br /> <div style="color: lime;"><br /> &lt;b:section class='footer' id='footer' showaddelement='yes'/&gt;</div><br /> <div style="color: lime;"><br /> &lt;/div&gt; </div><br /> </div><br /> <div style="color: red;"><br /> Note :<br /> Biasanya, setiap template memiliki kode yang berbeda-beda.</div><br /> <div style="color: red;"><br /> Dalam hal ini, jika Anda tidak dapat menemukan kode <span class="apple-style-span" style="color: lime;"><b>&lt;b:section class='footer' id='footer' showaddelement='yes'/&gt;</b></span><span style="color: lime;"> atau </span><span class="apple-style-span" style="color: lime;"><b>&lt;b:section class='footer' id='footer' /&gt;</b></span> , yang perlu Anda lakukan adalah menambahkan kode berikut <b>di bawah kode</b> <span class="apple-style-span"><b>&lt;div id='footer'&gt;</b></span> atau <b style="color: red;">&lt;div id='footer-wrapper'&gt;</b>.</div><br /> <div class="MsoNormal" style="color: blue; line-height: normal;"><br /> <b style="mso-bidi-font-weight: normal;"><span style="font-size: 12pt;">Untuk membuat footer 2 kolom, letakkan kode berikut :</span></b></div><br /> <div class="MsoNormal" style="color: #cccccc; margin-bottom: 0in;"><br /> &lt;div id='footer-column-divide'&gt;<br /> <br /> &lt;div id='footer1' style='width: 50%; float:left;<br /> margin:0; text-align:left;'&gt;<br /> &lt;b:section class='footer-column' id='col1'<br /> preferred='yes' style='float:left;'/&gt; &lt;/div&gt;<br /> <br /> &lt;div id='footer2' style='width: 50%; float: left;<br /> margin:0; text-align: left;'&gt;<br /> &lt;b:section class='footer-column' id='col2'<br /> preferred='yes' style='float:left;'/&gt;<br /> &lt;/div&gt;<br /> <br /> <b>&lt;div style='clear:both;'/&gt;</b><br /> &lt;/div&gt;</div><br /> <div class="MsoNormal" style="color: red; margin-bottom: 0in;"><br /> <div class="MsoNormal" style="color: blue; line-height: normal;"><br /> <b style="mso-bidi-font-weight: normal;"><span style="font-size: 12pt;">Untuk membuat footer 3 kolom, letakkan kode berikut :</span></b></div><br /> <div style="color: #cccccc;"><br /> &lt;div id='footer-column-divide'&gt;</div><br /> <div style="color: #cccccc;"><br /> <br /> </div><br /> <div style="color: #cccccc;"><br /> &lt;div id='footer1' style='width: 33%; float:left;</div><br /> <div style="color: #cccccc;"><br /> margin:0; text-align:left;'&gt;</div><br /> <div style="color: #cccccc;"><br /> &lt;b:section class='footer-column' id='col1'</div><br /> <div style="color: #cccccc;"><br /> preferred='yes' style='float:left;'/&gt;</div><br /> <div style="color: #cccccc;"><br /> &lt;/div&gt;</div><br /> <div style="color: #cccccc;"><br /> <br /> </div><br /> <div style="color: #cccccc;"><br /> &lt;div id='footer2' style='width: 33%; float: left;</div><br /> <div style="color: #cccccc;"><br /> margin:0; text-align: left;'&gt;</div><br /> <div style="color: #cccccc;"><br /> &lt;b:section class='footer-column' id='col2'</div><br /> <div style="color: #cccccc;"><br /> preferred='yes' style='float:left;'/&gt;</div><br /> <div style="color: #cccccc;"><br /> &lt;/div&gt;</div><br /> <div style="color: #cccccc;"><br /> <br /> </div><br /> <div style="color: #cccccc;"><br /> &lt;div id='footer3' style='width: 33%; float: right;</div><br /> <div style="color: #cccccc;"><br /> margin:0; text-align: left;'&gt;</div><br /> <div style="color: #cccccc;"><br /> &lt;b:section class='footer-column' id='col3'</div><br /> <div style="color: #cccccc;"><br /> preferred='yes' style='float:right;'/&gt;</div><br /> <div style="color: #cccccc;"><br /> &lt;/div&gt;</div><br /> </div><br /> <div class="MsoNormal" style="color: red; margin-bottom: 0in;"><br /> <div style="color: #cccccc;"><br /> <b>&lt;div style='clear:both;'/&gt;</b></div><br /> <div style="color: #cccccc;"><br /> &lt;/div&gt;</div><br /> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /> <div class="MsoNormal" style="color: blue; line-height: normal;"><br /> <b style="mso-bidi-font-weight: normal;"><span style="font-size: 12pt;">Untuk membuat footer 4 kolom , letakkan kode berikut :</span></b></div><br /> <div class="MsoNormal" style="color: #eeeeee; margin-bottom: 0in;"><br /> &lt;div id='footer-column-divide'&gt;<br /> <br /> &lt;div id='footer1' style='width: 25%; float:left;<br /> margin:0; text-align:left;'&gt;<br /> &lt;b:section class='footer-column' id='col1'<br /> preferred='yes' style='float:left;'/&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div id='footer2' style='width: 25%; float: left;<br /> margin:0; text-align: left;'&gt;<br /> &lt;b:section class='footer-column' id='col2'<br /> preferred='yes' style='float:left;'/&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div id='footer3' style='width: 25%; float: right;<br /> margin:0; text-align: left;'&gt;<br /> &lt;b:section class='footer-column' id='col3'<br /> preferred='yes' style='float:right;'/&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div id='footer4' style='width: 25%; float: right;<br /> margin:0; text-align: left;'&gt;<br /> &lt;b:section class='footer-column' id='col4'<br /> preferred='yes' style='float:right;'/&gt;<br /> &lt;/div&gt;<br /> <br /> <b>&lt;div style='clear:both;'/&gt;</b><br /> &lt;/div&gt;<br /> <br /> </div><br /> </div><br /> &nbsp;&nbsp; sumber:<br /> &nbsp;http://www.ronyox.co.cc<br />