Cara mudah pasang 3 footer di blog

Cara mudah pasang 3 footer di blog - Cara mudah pasang 3 footer di blog, selamat sore sahabat amburadul, menambah 3 footer di blog. Ya sekarang saya akan share tentang Cara mudah pasang 3 footer di blog, dengan menambahkan 3 kolom lagi kita bisa leluasa untuk menambahkan widget dan membuat halaman blog menjadi rapih.

Berikut cara Cara mudah pasang 3 footer di blog :

1. Login ke akun blog anda
2. Template > edit HTML
3. Centang expand widget template
4. Cari kode ]]></b:skin>
5. Masukkan kode di bawah ini di atas kode ]]></b:skin>

#footer-column-container {<br />clear:both;<br />}<br />.footer-column {<br />padding: 10px;<br />} <br />
6. Cari kode berikut :

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

7. Kalau sudah ketemu pastekan kode berikut tepat diatasnya

Kadieu:

<div id=footer-column-container>
<div id=footer2 style=width: 30%; float: left; margin:0; text-align: left;>
<b:section class=footer-column id=col1
preferred=yes style=float:left;/>
</div>

<div id=footer3 style=width: 40%; float: left; margin:0; text-align: left;>
<b:section class=footer-column id=col2
preferred=yes style=float:left;/>
</div>

<div id=footer4 style=width: 30%; float: right; margin:0; text-align: left;>
<b:section class=footer-column id=col3 preferred=yes style=float:right;/>
</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>

8. Pratinjau terlebih dahulu, kalau tidak error berarti berhasil, setelah itu klik simpan
9. Terakhir lihat di tata letak akan muncul element baru 3 kolom sejajar di footer.

Selamat mencoba Cara mudah pasang 3 footer di blog

Related Posts by Categories