Menambahkan Footer 4 Kolom

Elemen biasa-nya digunakan untuk menaruh widget blog dan menambah tata letak template, biasanya template default dari Blogger hanya mempunyai sedikit elemen saja jadi tata letak template tidak begitu luas , sementara kalau template yang di dapatkan dari luar mempunyai beragam jumlah elemen dari yang satu, dua, tiga dan seterusnya jadi tata letak template tersebut luas. Bagaimana pengaruh elemen terhadap size template ? pengaruhnya tidak terlalu banyak namun apabila elemen tersebut di beri widget yang banyak maka pengaruh terhadap size blog sangat besar.

Disini saya akan menjelaskan tentang bagaimana Cara membuat 4 (empat) kolom Footer. pada postingan sebelumnya saya sudah membahas tentang cara Menambahkan Elemen Baru pada template clasic. Apa itu Footer ? Footer adalah elemen yang berada paling bawah pada suatu template yang berfungsi untuk menaruh berbagai widget. Sekarang langsung saja ke cara pembuatannya.

1. Login Ke Blogger
2. setelah itu masuk ke Tata letak

   

3. lalu masuk ke Edit HTML

   

4. lalu cari kode ]]></b:skin> dan taruh kode di bawah ini tepat di atasnya

   #footer-column-container {
   clear:both;
   }
   
   .footer-column {
   padding: 10px;
   }

   

   
   
5. setelah itu cari kode <b:section class='footer' id='footer'/> apa bila tidak ada cari kode <b:section class='footer-wrapper' id='footer'/> lalu ganti dengan kode di bawah ini

   <div id='footer-column-container'>
   <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='==&amp;gt;&amp;gt; Uye-uye &amp;lt;&amp;lt;==' type='Text'/>
   </b:section>
   </div>
   <p>
   <hr align='center' color='#5d5d54' width='90%'/></p>
   <div id='footer2' style='width: 25%; 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: 25%; 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: 25%; float: right; margin:0; text-align: left;'>
   <b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
   </div>
   <div id='footer5' style='width: 25%; float: right; margin:0; text-align: left;'>
   <b:section class='footer-column' id='col7' preferred='yes' style='float:right;'/>
   </div>
   <div style='clear:both;'/>
   </div>

   

   

   
   
6. Setelah melakukan langkah-langkah di atas dengan benar dan teliti sobat bisa menyimpannya dan melihat hasilnya

   

Bagaimana cara pemasangannya? tidak terlalu sulit bukan. Nah dengan menggunakan banyak elemen sobat bisa menambahkan widget yang berguna untuk blog sobat sediri . Apabila sobat mengalami kesulitan terhadap pemasangannya, sobat bisa bertanya atau tinggalkan pesan kesulitannya di kotak komentar yang berada di bawah ini . sekarang saya akhiri dahulu y. Terima kasih dan Happy blogging .

Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg