Cara Menambahkan Footer 4 Kolom

Unknown

Trik Blog

3 Okt 2013

Belum ada komentar

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'/> alu ganti dengan kode di bawah iniatau cari kode </body> dan copy kode di bawah ini dan letakan di atas kode </body>
   
   <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>

1. 
   
2. 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 .