Membuat Footer Blog Menjadi 3 Kolom

| | Print This! | 2 comments

Do you like this post?

Sobat Blogger Tutorial semua, ada kalanya kita harus menempatkan sebuah gadget di Footer Blog, seperti Author atau partner. Buat blogger Tutorial semua, Tertarik!!! Ikuti langkah-langkah dibawah ini.

• Login ke dashboard blog - Rancangan - Edit Html
• Beri centang "Expand Template Widget"
• Geser kebawah dan temukan kode dibawah ini

<b:section class='footer' id='footer'/>

• Ganti dengan kode dibawah ini 

<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>

• Terakhir temukan kode </b:skin> dan copykan kode dibawah ini sebelum kode </b:skin>  

#footer-column-container {clear:both;}

.footer-column {padding: 10px;}

Selamat Mencoba!!! 

.

Artikel Terkait

Posted in: Footer