Pasang kolom serbaguna di template klasik

Menambah Ruang LEbih

Template minima klasik,,benar-benar klasik. Apalagi jika di tambahin kolom baru di bawah jadi deh new klasik template rancangan sendiri..pake imajinasi otak atik template klasik memang tantangan. Pokoke kalau udah bosen tinggal diganti, itulah klasiknya template klasik..lets rool





Langkah #1 :


Tambahkan kode berikut persis di atas kode ]]></b:skin> :


/* bottom

---------------------------- */


#bottom {
width: 660px;
position: relative;
clear:both;
margin: 0 auto;
color:#fff;
float: left;
background:#BDBABD;
padding: 15px 0 15px 0;
}

#bottom h2 {
padding: 5px 0 2px 0;
margin: 0 0 10px 0;
color:#ff5a00;
font-size: 24px;
letter-spacing: -1px;
border-bottom: 1px solid #fff;
}

#bottom ul {
padding: 0;
margin: 0;
}

#bottom ul li {
line-height: 26px;
list-style-type: none;
border-bottom: 1px dashed #031c5d;
}

#bottom ul li a {
display: block;
padding: 0 10px;
color:#0701FD;
text-decoration: none;

}

#bottom ul li a:hover {
background: #B1ACB1;
}

#left-bottom { /* yang ini nih kode kolom kiri */
width: 205px;
float: left;
padding-left:10px;
}

#center-bottom { /* kalo yg ini kode kolom tengah */
width: 205px;
float: left;
padding-left:10px;
}

#right-bottom { /* kalo yg ini kode kolom kanan */
width: 205px;
float: left;
padding: 0 5px 0 10px;
}

Kode di atas bisa di edit sesuai selera.
Width untuk lebar
background bisa warna bisa juga transparent,
misalnya background:#BDBABD = untuk warna
background:#transparant = tanpa warna atau tembus pandang

Langsung turun, lalu cari kode seperti di bawah ini, pusing nyarinya..sorot di menu browser lalu pilih edit lalu find in this page copy kode yang ingin di cari, paste di kotak yang tersedia di bawah browser



<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>


Copy paste kode berikut persis di atas kode yang atas tadi :

<div id='bottom'>


<b:section class='bottom' id='left-bottom'/>

<b:section class='bottom' id='center-bottom'/>

<b:section class='bottom' id='right-bottom'/>

</div>

Pratinjau sebelum di simpan.jika tidak ada pesan error baru simpan template jika ada berarti kurang cermat, ulangi lagi deh


Langkah 2 :

Klik menu Elemen Halaman.


Lihat apakah kolom yang tadi dibuat sudah tampak atau belum? jika sudah, klik link Tambah sebuah Elemen Halaman, klik tombol TAMBAHKAN KE BLOG di bawah tulisan Feed, jika sudah tampak, biasanya kolom ini di pakai buat pasang widget pagerank, statistic, iklan juga bisa, atau recent coment, atau apa aja deh. klik tombol SIMPAN

Pasang kolom serbaguna di template klasik - Artikel yang agan baca tentang Pasang kolom serbaguna di template klasik beralamat di url http://www.dhaniels.com/2009/06/template-minima-klasikbenar-benar.html , agan bisa share artikel Pasang kolom serbaguna di template klasik ini kepada sobat agan sekalian dengan menggunakan tombol share di samping pada artikel Tentang Pasang kolom serbaguna di template klasik , dan jika agan berkenan like facebook dan follow di twitter dibawah ini, ok gan.

Description: Pasang kolom serbaguna di template klasik Rating: 5 Reviewer: pengenlihat gak - ItemReviewed: Pasang kolom serbaguna di template klasik

Follow @pengen_lihatgak

----------------------------------------------------------------------------------------------------

Artikel Terkait