Pengaplikasian Dual Modem Untuk Percepat Koneksi Internet

Baru saja ical lihat buku tamu, terus ada teman ical yang menanyakan cara bikin kolom template yang tadinya 1 menjadi 3

kolom (bagian) pada bagian bawah (bottom atau footer).

Sebenarnya caranya agak gampang2 susah juga, tapi mudah2an saja teman ical (Andi), ataupun yang lainnya bisa mengerti dengan penjelasan ical. Sedangkan Penamaan dari setiap komponen templete blog tergantung dengan kemauan sipembuat, contohnya untuk template blog bagian bawah seperti yang ditanyakan andi, bisa saja ical beri nama idnya adalah bottom atau bawah.

Baiklah ical akan berikan contoh cara ubah 1 kolom menjadi 3 kolom dengan id = bawah , andi menyesuaikan saja karena ical lihat template andi menggunakan div id footer.

langsung saja yah...

tambahkan kode ini pas diatas kode 

]]></b:skin>

/* Kolom Bawah */

#bawah{ width:960px; position:  relative; clear:both; margin:0 auto;  float:$startSide; padding:15px 0 5px 0; background:$bgcolor; border:1px $borderColor;}

#bawah .widget{ padding-bottom:10px; }

#kiribawah{ height:300px; width:295px; float:$startSide; margin:0 5px 0 10px; padding:5px; display:inline; }

#tengahbawah{ height:300px; width:300px; float:$startSide; margin:0 5px; padding:5px; }

#kananbawah{ height:300px; width:295px; float:$startSide; margin:0 10px 0 5px; padding:5px; display:inline }

Setelah itu tambahkan lagi kode ini pas di atas kode </body> atau apabila kamu mempunyai div id=copyright ,kopi pas diatasnya. ini kodenya:

<div id='bawah'>
<b:section class='bawah' id='kiribawah' preferred='yes' showaddelement='yes'/>
<b:section class='bawah' id='tengahbawah' preferred='yes' showaddelement='yes'/>
<b:section class='bawah' id='kananbawah' preferred='yes' showaddelement='yes'/>
</div>

Setelah itu simpan template. Pasti akan ada kolom baru sebanyak 3 kolom.

buat andi, silahkan menyesuaikan saja, dengan kode diatas, pasti faham kan, memberi efek salju pada blog aja tahu, gak beda jauh bro dengan yang ini. Semua hanya butuh proses pembelajaran.

Sebenarnya kode-kode tersebut diatas bukan hanya bisa dipakai dibagian bawah aja tapi bisa di semua posisi, tergantung gimana kamunya berkreasi. Selamat mencoba kawan.

Khusus buat Andi:
Cari kode ini di templatemu

/* Footer */
#footer-wrap1 {
clear:both;
width: 971px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 5px;
padding:5px 0 0;
background: #000;
border: 2px solid #990000;
}

terus tambahkan kode ini pas dibawah kode diatas

#footer-wrap1 .widget{ padding-bottom:10px; border:1px solid #990000;}

#kirifooter-wrap1{ width:303px; float:$startSide; margin:0 2.5px 0 5px; padding:5px; display:inline; }

#tengahfooter-wrap1{ width:304px; float:$startSide; margin:0 2.5px; padding:2.5px; }

#kananfooter-wrap1{ width:303px; float:$startSide; margin:0 2.5px 0 5px; padding:5px; display:inline }

Setelah itu cari lagi ditempletemu kode seperti ini

<div id='footer-wrap1'><div id='footer-wrap2'>

<div class='footer section' id='footer'><div class='widget HTML' id='HTML4'>
<div class='widget-content'>
<center><a href="http://cooltext.com"><img width="252" alt="Andi7fold" src="http://images.cooltext.com/1273261.gif" height="81"/></a></center>
</div>

Lalu hapus dan ganti dengan kode yang ini,

<div id='footer-wrap1'>
<b:section class='footer-wrap1' id='kirifooter-wrap1' preferred='yes' showaddelement='yes'>
</b:section>
<b:section class='footer-wrap1' id='tengahfooter-wrap1' preferred='yes' showaddelement='yes'>
<b:widget id='HTML4' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<center><a href="http://cooltext.com"><img width="252" alt="Andi7fold" src="http://images.cooltext.com/1273261.gif" height="81"/></a></center>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
<b:section class='footer-wrap1' id='kananfooter-wrap1' preferred='yes' showaddelement='yes'>
</b:section>
</div>

Setelah itu preview dulu, kalo gada kesalahan n tampilan sudah bagus baru simpan. Oya text coolmu, harus di ubah lebarnya, sekitar 300px agar muat nantinya. ok sob, moga berhasil, kalo gak lagi, kirim aja kode htmlMu, biar aku yang modifkan,,,,