jika anda sudah memasang kode-kode HTML anda harus mengatur ukuran elemen di dalam blog itu sendiri agar terlihat dengan jelas di bawah ini anda harus ikuti :
kemudian silahkan pasang
kode ini di bawah ]]></b:skin>
<style
type='text/css'> …… </style>
1. outer-wrapper
#outer-wrapper { background:#ff3366;
width: 1010px; margin:1 center; padding:10px;
text-align:left; font: $bodyfont;border: 1px solid
#00ff00;padding:10px; }
Taruh di atas </style>
2. header-wrapper
#header{width:920px;overflow:hidden;float:left;border: 1px solid
#000000;padding:10px; }
#header-wrapper{width:900px; margin: 0 auto 10px; border: 1px solid red
padding:10px;}
Taruh di atas </style>
3. main-wrapper
#main-wrapper { width: 600px;float: right; word-wrap:
break-word; overflow: hidden;border: 1px solid #0000ff; padding:10px; }
Taruh di atas </style>
4. sidebar-wrapper
#sidebar-wrapper{width:500px dotted #22222;float:left;overflow:hidden
border: 1px solid #ff00ff;padding:10px; margin:5px,10px,20px,10px;}
Taruh di
atas </style>
5. Footer-wrapper
#footer {width:660px;clear:both;margin:0
auto;padding-top:15px;line-height: 1.6em;
text-transform:uppercase;letter-spacing:.1em;text-align:
center;}
Saya sengaja memberikan penjelasan ini secara terpisah agar kita sama belajar untuk mengetahuinya, agar ketika kita memakai blog lain kita dapat mengubah sesuai dengan keinginan kita sendiri
warna di
dalam css adalah
1. outer-wrapper:
border #00ff00 hijau stabilo, background: #cc6611 coklat
2.
header-wrapper : border: 1px solid red
3.
main-wrapper : border: 1px solid #0000ff biru
4.
sidebar-wrapper : border: 1px solid #6aa84f hijau gelap
5. footer
body saya
warnai siver background:#eeeeee
jika anda saat ini masih bingung
membuat ukuran elemen silahkan ikuti ukuran di bawah ini :
1. outer-wrapper : width:
1200px
2. header : width:1100px
3. main-wrapper : width: 525px
4. kiri-sidebar-wrapper
: width:250px
5. kanan-sidebar-wrapper
: width:250px
silahkan ukuran di sesuiakan dengan ukuran anda sendiri
silahkan ukuran di sesuiakan dengan ukuran anda sendiri