Apresentando-me para o serviço! + Modelo para sidebar

Yoo Humans!

Prazer, sou Candy-Chan, estou no 9° ano do ensino fundamental, sou potterhead, semideusa filha de Hades, minhas bandas preferidas são: Linkin Park, Nirvana, Gun's Roses, AC/DC e muitas outras de rock, amo hora de aventura,apenas um show e o incrível mundo de Gumball (sim, tenho 13 anos e gosto de desenho, desculpa sociedade), mexo no photoscape, e photofiltre e apesar de nova me considero uma boa postadora de tutoriais de HTML e de Goodies, estou muito feliz de postar aqui :3  Meu blog se chama Palace Of Designers, é novo por isso se seguissem eu ficaria completamente feliz, estou muito sem tempo hoje, e só pra post não ficar inútil trouxe um modelo para sidebar pra vocês, que eu mesma fiz por isso se usarem creditem o POD e o Everyday HTML Okay? 

Chega  de papo e vamos ao modelo =3

Não tenho uma preview mas tá bem bonitinho

Procure por /* Widgets

pelo meio você vai achar escrito assim .sidebar .widget { apague o código até o fechamento da chave "}"e cole no lugar :

.sidebar .widget {

text-align: center;

margin-left:20px 5;

padding:5px;

Background: #cor de fundo 0 5px #ccc;

Border-right: 3px solid #...;  /*-- Cor da Borda Da Direita --*/Border-Radius: 3px; /*--Borda Arredondada Se Não Quiser Apague o Trecho--*/

Border-left: 3px solid #...;  /*-- Cor da Borda de Cima --*/Border-Radius: 3px; /*--Borda Arredondada Se Não Quiser Apague o Trecho--*/

-webkit-transition-duration: .50s;

}

.sidebar .widget:hover {

text-align: center;

margin-left:20px 5;

padding:5px;

Background: #FFFFFF;

box-shadow: inset 0 0 16px #eee, 0 0 5px #ccc;

Border-Bottom: 3px solid #...; /*-- Cor da Borda de Baixo-Hover  --*/Border-Radius: 3px;/*--Borda Arredondada Se Não Quiser Apague o Trecho--*/

Border-Top: 3px solid #...; /*-- Cor da Borda de Cima-Hover  --*/Border-Radius: 3px;/*--Borda Arredondada Se Não Quiser Apague o Trecho--*/

-webkit-transition-duration: .50s;

}

Tá tudo explicadinho mas na dúvida é só perguntar que eu explico