membagi footer menjadi beberapa kolom

Bila Anda mendapati template yang hanya ada dua kolom seperti pada template saya ini, pasti menemui banyak kendala untuk menampung widget-widget yang ingin Anda tampilkan dalam blog. Nah barangkali tutorial berikut dapat dijadikan alternatif bagi Anda. Karena dengan menggunakan kolom yang ada di footer, selain menghemat tempat juga Anda dapat menyisipkan lebih banyak widget yang penting bagi blog Anda. silahkan ikuti langkah-langkah berikut:

1. login, klik pengaturan ,tataletak, kemudian html


2. cari kode berikut ini
   
   
   <div id='footer-wrapper'>
   <b:section class='footer' id='footer'/>
   </div>


3. ganti <b:section class='footer' id='footer'/> dengan kode dibawah
   
   <div id='footer-column-container'> <br /> <br /><div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'> <br /><b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/> <br /></div><!--kolom pertama--> <br /> <br /><div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'> <br /><b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/> <br /></div><!--kolom kedua--> <br /> <br /><div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'> <br /><b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/> <br /></div><!--kolom ketiga--> <br /> <br /><div style='clear:both;'/> <br /><p> <br /><hr align='center' color='#5d5d54' width='90%'/></p><--garis horizontal--> <br /> <br /><div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'> <br /><b:section class='footer' id='col-bottom' preferred='yes'> <br /><b:widget id='Text2' locked='false' title='' type='Text'/> <br /></b:section> <br /></div> <br /><div style='clear:both;'/> <br /></div>



4. Kemudian letakkan kode berikut ini tepat di atas kode ]]></b:skin>
   
   <br />#footer-column-container { <br />clear:both; <br />} <br /> <br />.footer-column { <br />padding: 10px; <br />}



5. simpan template

Tulisan Terkait :

Best Quote Today:
Keberhasilan adalah kemampuan untuk melewati dan mengatasi dari satu kegagalan ke kegagalan berikutnya tanpa kehilangan semangat. (Winston Chuchill)

Jika Anda menyukai tulisan diatas jangan lupa untuk klik tombol suka untuk berbagi dengan teman facebook Anda. Anda juga bisa membagikan tulisan ini di twitter dan jejaring sosial lainnya. Berbagi itu indah.

Become a Fan