3 Kolom Footer Style Rizkyzone

3 Kolom Footer Style Rizkyzone | Postingan sekedar memenuhi permintaan dari sobat Arhy empunya blog Arhy Tutorial yang tadi siang SMS saya menanyakan » "Gimana caranya membuat kotak pada 3 widget di footer itu ? Tolong bantuannya" Langsung saja berikut caranya »
Pada Edit HTML centang Expand Widget Templates »
Tambahkan css di bawah ini diatas kode berikut » ]]></b:skin> 

#footer-column-divide {
-moz-box-shadow: 1px 1px 10px #888;
-webkit-box-shadow:1px 1px 10px #888;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
width: 870px;
position: relative;
clear: both;
float: center;
color: #fff;
margin: 0 auto;
}
.footer-column {
padding: 10px;
}  

Kalau sudah Letakkan kode dibawah ini di bawah kode ini » <div id='footer'> 

<div id='footer-column-divide'>

<div id='footer1' style='width: 33%; float:left; margin:0; text-align:left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 33%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 33%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
</div>

Preview dulu, jika tidak ada masalah silakan save dan lihat hasilnya. terima kasih dan semoga bermanfaat
Note **

width: 870px; Dan width: 33% » Silakan rubah angkanya sesuai dengan template yang anda gunakan
Untuk Mb' Dhana » Posatingan kemaren aku dapat pinjeman inet temen ku, makanya aku bisa ol sebentar sekedar buat update postingan, kan katanya g bagus kalau nolak rejeki hehehheheheh.

Rizkyzone

Rizkyzone 07 Jun, 2011

--
Source: http://www.rizkyzone.com/2011/06/3-kolom-footer-style-rizkyzone.html
~
Manage subscription | Powered by rssforward.com