24 Desember 2010

Cara Membuat Footer di BLog Menjadi 3 Kolom

  KEREN .. Acara ngeBlog emang paling enak, duduk manis, ngopi manis, merokok (( bagi yang suka merokok )) sekaligus ndengerin musik .. Fiuhh pasti enak banget, ditemani cewek cantik lageee .. suit suit .. nggak bisa ngegambarinnya tuh .. hehe basa basinya udahan dolo .. sekarang ane mau ngasih ente tips untuk ngebuat footer menjadi tiga kolom .. tau nggak ente dengan footer .. footer itu tambahan gadget yang terletak paling bawah .. kelebihan footer 3 kolom, tu bisa muat artikel atau apapun menjadi berdampingan .. iya nggak ?? sekarang mulai aja ..

Pertama ente masuk ke

Blogger

Kemudian isi dengan ID ente dan Password ente hehe

Masuk lagi ke Tata Letak, kemudian cari Edit HTML

Setelah itu baru ente kasih kode dibawah ini tepat diatas kode </b:skin>:



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


Kemudian cari kode dibawah ini :

<div id='footer-wrapper'>
<b:section class='footer' id='footer'>
</div>

Catatan : kode yang diberi warna merah diganti dengan kode 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='#ffae00' 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>



   Save template ente dan kemudian liat di tata letak blog ente sendiri .. pastinya udah menjadi 3 kolom .. kalau error, ya terpaksa diulang lagi, pasti ente kurang memperhatikan cara-cara diatas dengan seksama atau malah tidur neh ente sekalian

0 komentar:

Posting Komentar