MENAMBAH 4 KOLOM DIATAS FOOTER

Kamis, 09 Juni 2011

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 tau

? pengaruhnya tidak terlalu banyak namun apabila elemen tersebut di beri widget yang banyak maka pengaruh terhadap size blog sangat besar.

Disini saya tahu

akan menjelaskan tentang bagaimana Cara membuat 4 (empat) kolom Footer. pada postingan sebelumnya saya sudah membahas tentang cara Menambahkan Elemen Barupada template clasic. Apa itu Footer tau

? Footer adalah elemen yang berada paling bawah pada suatu template yang berfungsi untuk menaruh berbagai widget. Sekarang langsung saja ke cara pembuatannya.

Login Ke Blogger
setelah itu masuk ke Tata letak
lalu masuk ke Edit HTML
lalu cari kode ]]></b:skin> dan taruh kode di bawah ini tepat di atasnya

#footer-column-container {

clear:both;

}

.footer-column {

padding: 10px;

}
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='==&gt;&gt; Uye-uye &lt;&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>
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 iya

. 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