Sobat berminat untuk tukar link dengan blog ini? Silahkan letak alamat URL dan anchor teks yang benar, misalnya pasang alamat url blog ini dengan http://tukarlink-indonesia.blogspot.com dan anchor teksnya adalah Tukaran Link Terbesar Indonesia. Trims.

Selasa, 30 Maret 2010

Cara Mudah Membuat Footer 3 Kolom

Tukarlink. Cara mudah membuat footer 3 kolom di blog.
Langsung saja klik Tata Letak>Edit HTML. Backup terlebih dahulu template anda dan ingat jangan centang tanda "expand widget templates" , kemudian cari kode berikut di bawah ini :


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

Jika sudah ketemu, silahkan copy kode di bawah ini dan "replacekan kode tersebut hanya pada kode yang di beri warna merah" di atas.


<div id='footer-column-container'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>

</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>

</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>

</div>
<div style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>
Pada kode warna merah di atas bisa anda ubah sesuai dengan warna template anda.

Langkah terakhir kita harus menambahkan kode css berikut dan letakkan di atas kode ]]></b:skin>
#footer-column-container {
clear:both;
}

.footer-column {
padding: 10px;
}

Jangan lupa simpan template anda. Selesai.

This post is powered by :

A.

B.

0 komentar:

Posting Komentar