<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Blog</title>
<style>
body{background-color:#f7f7f7; font-family: Tahoma;}
.header{background-color: #BD4040; color: #fff; padding: 19px; margin-bottom: 10px;}
.temizle{clear: both;}
#container {width: 960px; margin: 0 auto;}
.icerik{width: 600px; background:#fff; padding:10px; float:left;}
.sidebar{width: 300px; background:#fff; padding:10px; float:right;}
.footer{background-color: #fff; padding: 10px; margin-top: 10px;}
</style>
</head>
<body>
<!-- Genel -->
<div id="container">
<header class="header">
Menü Buraya Gelecek
</header>
<!-- İçerik-->
<div class="icerik">
İçerikler Buraya Gelecek
</div>
<!-- #İçerik-->
<!-- Sidebar -->
<div class="sidebar">
Bileşenler Buraya Gelecek
</div>
<!-- #Sidebar -->
<div class="temizle"></div>
<!-- Footer -->
<footer class="footer">
Copright Buraya Gelecek
</div>
<!-- #Footer -->
</div>
<!-- #Genel -->
</body>
</html>Bu senin blogun olsun bunu geliştir bakalım içine div aç class ata css yaz.
http://www.w3schools.com/css/