Jumat, 18 Februari 2011

Cara Menambahkan Foother 3 Kolom pada Blog

Setelah saya menulis tips "Cara Membuat kotak Sidebar Tepisah-Pisah", kini saya akan memberikan tips untuk menambah 3 kolom (tempat sidebar) pada bagian foother blog.Bagian foother blog itu adalah bagian bawah dari blog kita, jadi dalam bagian bawah blog itu terdapat 3 kolom yang tersedia buat tempat sidebar.
oke kita langsung saja ke langkah-langkah membuat kolomnya yah?

1. Seperti biasa, login ke blogger dengan akun saudara
2. Pada Dasbor, pilih Rancangan
3. Terus pilih Edit HTML
4. Cari kode ini <div id="footer-wrapper">
5. Jika sudah ketemu, tambahkan kode berikut di bawahnya

<div id="footer">
<div id="footer2" style="margin: 0pt; width: 30%; float: left; text-align: left;">
<b:section class="footer-column" id="col1" preferred="yes" style="float: left;">
</b:section></div>
<div id="footer3" style="margin: 0pt; width: 40%; float: left; text-align: left;">
<b:section class="footer-column" id="col2" preferred="yes" style="float: left;">
</b:section></div>
<div id="footer4" style="margin: 0pt; width: 30%; float: right; text-align: left;">
<b:section class="footer-column" id="col3" preferred="yes" style="float: right;">
</b:section></div>
<div style="clear: both;">
<p>
</p><hr align="center" color="#5d5d54" width="90%"><p></p>
<div id="footer-bottom" style="padding: 10px; text-align: center;">
<b:section class="footer" id="col-bottom" preferred="yes">
</b:section>
</div>
<div style="clear: both;">
</div>
6. Kemudian Simpan Template anda, kemudian anda beralih ke Elemn Laman. Maka bagian bawah akan ada tersedia 3 kolom

Sumber: http://forantum.blogspot.com/

Tidak ada komentar:

Posting Komentar