Modelo para area de post + sidebar iguais ~

Olá boa noite meus amendoins (☆ ´3｀) Tudo bem com vocês? Eu estou um pouco mais aliviada e feliz que irei pegar férias da faculdade a partir do dia 2/07 e não terei mais trabalhos infernais pra fazer que sugam toda a nossa alma (҂⌣̀_⌣́) Eu fiquei esses dias todos os dias da semana acordada até 2 e 3 da manhã para entregar os trabalhos no prazo, e digo que não foi fácil é muito cansativo cara. Mas parei por aqui pois este assunto é muito chato para vocês ficarem lendo, não quero assustar ninguém falando de faculdade '-' Gente me perdoem por não retribuir os últimos comentários tá? Prometo que  irei responder e retribuir a todos  ～( ^з^ )-♡

Este tuto ninguém me pediu, mas uma leitora veio me perguntar se eu tinha modelos para área de post e sidebar e eu até tinha mas percebi que são poucos os modelos disponíveis aqui no blog, então resolvi criar uma área de post e sidebar iguais para quem as vezes procura e não acha. Tipo as vezes vão procurar e acham vários modelos mas todos bem diferentes um do outro, eu por exemplo sou muito chata pois para mim a área de post e sidebar tem que estar iguais >.< Se não estiverem alinhadinhas e bem iguais para mim não serve USHAUSHauhsus.

LIVE PREVIEW (^3^) ~

 Vá até o seu modelo e dentro procure por:/* Posts  Tudo o que estiver abaixo dele apague e cole este seguinte código:

h3.post-title {
width:px;
margin-top:10px;
padding-top: 3px;
padding-bottom:5px;
padding-left:15px;
padding-right:15px;
margin-left:px;
border: solid 1px #E0EBEE;
background:#F2F7F8;
font-family: cambria, sans-serif;
font-size: 20px;
text-transform: lowercase;
font-style:italic;
text-align: left;
line-height:20px;
letter-spacing: 1px;
font-weight: 300;
color:#BCD5DD;
text-shadow: 1px 1px 1px #;
-webkit-transition-duration: .80s;
}
h3.post-title a {
background-repeat: no-repeat;
background-image: url(http://static.tumblr.com/koam7dd/Q5tnqgo7m/gif107.gif);
background-position: left;
padding-left: 20px;
font-family: cambria, sans-serif;
font-size: 20px;
text-transform: lowercase;
font-style:italic;
text-align: left;
letter-spacing: 1px;
font-weight: 300;
color:#BCD5DD;
text-shadow: 1px 1px 1px #fff;
-webkit-transition-duration: .80s;
}
h3.post-title a:hover {
background-repeat: no-repeat;
background-image: url(http://static.tumblr.com/koam7dd/Fmynqgpc9/gif114.gif);
background-position: right;
padding-right: 20px;
background-position: right;
font-family: cambria, sans-serif;
font-size: 20px;
text-transform: lowercase;
font-style:italic;
text-align: left;
letter-spacing: 1px;
font-weight: 300;
color:#C2DADE;
text-shadow: 1px 1px 1px #fff;
-webkit-transition-duration: .80s;
}

Agora para a sidebar, vá até o modelo e dentro procure por: /* Widgets E tudo o que estiver abaixo dele apague, em seguida cole os seguintes códigos:

.sidebar .widget {
padding-top: 5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
margin: 2px -10px;
border: solid px #FFE4E4;
Background: #fff;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-transition-duration: .50s;
}
.sidebar .widget h2 {
width:198px;
margin-top:5px;
margin-bottom:5px;
padding-top: 3px;
padding-bottom:5px;
padding-left:15px;
padding-right:15px;
margin-left:px;
border: solid 1px #E0EBEE;
background:#F2F7F8;
font-family: cambria, sans-serif;
font-size: 20px;
text-transform: lowercase;
font-style:italic;
text-align: left;
line-height:20px;
letter-spacing: 1px;
font-weight: 300;
color:#BCD5DD;
text-shadow: 1px 1px 1px #fff;
-webkit-transition-duration: .80s;
}
.sidebar .widget h2:hover {
color:#C2DADE;
text-shadow: 1px 1px 1px #fff;
}
.footer-inner .widget,
.sidebar .widget {
font:14px cambria;
color: #aaa;
text-align: justify;
}