Temayı geliştirmek istiyorum fikir ve yardım!

http://dedektifk.blogspot.com.tr/

Merhaba arkadaşlar başlıkta da belirttiğim üzere bir blogger temasını geliştirmek istiyorum.

Yapmak istediklerim ise şöyle;
1-) Bütün tasarım %20 oranında küçültme
2-) Üç sütündan iki sütüna indirme
3-)Header ve Footer tasarımını değiştime
4-) Yazı sayfasında ki okuma bölümünü genişletmek.

Önerileriniz doğrultusunda editlemeyi planlıyorum; elinizde post bölümü böyle olan başka bir tema önerirseniz ona da hayır demem :))

Tüm alanı küçültmek için aşağıdakini bul:
.ct-wrapper, .ct-wrapper1 {
position: relative;
max-width: 1438px;
height: auto;
margin: 0 auto;
padding: 0;
}
max-width değerini azalt.

2 sütuna indirmek için aşağıdakini bul
.sidebar-wrapper {
float: left;
width: 44.7%;
background: #FFF;
margin: 0;
padding: 0;
border-right: 1px solid #e3e3e3;
border-left: 1px solid #e3e3e3;
}
bunula değiştir
.sidebar-wrapper {
float: right;
width: 99%;;
background: #FFF;
margin: 0;
padding: 0;
border-right: 1px solid #e3e3e3;
border-left: 1px solid #e3e3e3;
}

Bunu bul
.sider-wrapper {
float: right;
width: 54.98%;
}
bununla değiştir
.sider-wrapper {
width: 0%;
display: none;
}

Yayın alanı nı genişletmek için bunu bul:
.aside {
margin: 0;
padding: 0;
float: right;
width: 49%;
}
bununla değiştir
.aside {
margin: 0;
padding: 0;
float: right;
width: 25%;
}

bunu bul:
.main-wrapper {
margin: 0;
padding: 0;
width: 51%;
float: left;
}

bununla değiştir:
.main-wrapper {
margin: 0;
padding: 0;
width: 75%;
float: left;
}

Kalan kısım daha uzun olucak vaktim yok kusura bakma devamı için genişletmek veya küçültmek istediğin yere sağ tıkla öğeyi denetle seçeneğine tıkla sağ tarafta bulunan styles alanına width değerleri gir.

ek olarak:
bunu bul:
.post {
max-width: 682px;
width: auto;
margin: 0 0 30px;
padding: 0 0px;
background: #FFF;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #bebebd;
border-bottom: 1px solid #bebebd;
}
bununla değiştir
.post {
max-width: 100%;
width: auto;
margin: 0 0 30px;
padding: 0 0px;
background: #FFF;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #bebebd;
border-bottom: 1px solid #bebebd;
}

Resim için bunu bul:
.entry-image img {
-webkit-transition: .15s ease-in;
-moz-transition: .15s ease-in;
transition: .15s ease-in;
-webkit-transform: scale(1);
-mox-transform: scale(1);
transform: scale(1);
height: 352px;
width: 700px;
}
bununla değiştir
.entry-image img {
-webkit-transition: .15s ease-in;
-moz-transition: .15s ease-in;
transition: .15s ease-in;
-webkit-transform: scale(1);
-mox-transform: scale(1);
transform: scale(1);
height: 352px;
width: 100%;
}