<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1" />
<title>My Dashboard</title>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxgT8PZINxQQ1czjFN2gRbv861JJriqzRg-mU2pgEz4lCvb1fUy5KBKiwtSNWv8i5b9zkFCf_czON3J30saoYDVFmzDruRVVC12Cc02C89WqKEv9MhDhOxkXTJBR4Z2o6zrrmyQOeqmdY/s1600/favicon+iblizkecil.gif'
rel='SHORTCUT ICON'/>
<style type="text/css">
body{
width:900px;
margin:auto;
}
#header{
width:auto;
margin-top:5px;
height:100px;
padding:5px;
-moz-border-radius:15px;
background:#fbfbfb;
border:#9966CC solid 1px;
}
#leftbar{
padding:5px;
height:600px;
width:200px;
margin-right:5px;
float:left;
-moz-border-radius:15px;
background:#9933FF;
}
#content{
padding:5px;
height:600px;
float:left;
width:460px;
-moz-border-radius:15px;
background:#999999;
}
#rightbar{
padding:5px;
float:right;
height:600px;
width:200px;
-moz-border-radius:15px;
background:#9933FF;
}
#footer{
padding:5px;
height:50px;
text-align:center;
background:#800000;
clear:both;
-moz-border-radius:15px;
}
#kosong{
height:5px;
clear:both;
}
</style>
</head>
<body>
<div id="header"><h1>
<strong><blink>My dashboard</blink>
</strong></div>
<div id="kosong"></div>
<div
id="leftbar"><strong>Left Widget</strong></div>
<div id="content"><strong>Your
Content Here</strong></div>
<div
id="rightbar"><strong>Right
Widget</strong></div>
<div id="kosong"></div>
<div id="footer">© 2011
<a
href="http://ikiepedia.blogspot.com">IKIEpedia</a></div>
</body>
</html>
simpan di notepad dengan ekstensi html, buka dengan browser kamu. :)
0 komentar:
Posting Komentar