Tutorial - Blockquote personalizado

O dia de hoje não foi muito interessante, só mais um dia tentando aproveitar minhas férias curtas com minha prima Amanda(sim, ela vem muito pra minha casa e vice-versa) brincando no Wii(especificamente, no Lego Pirates), no computador(MikuMikuDance), desenhando, fazendo uma "banda", entre outros. Pena que amanhã tenho que fazer o caderno de férias da escola, mas é bem fácil então tudo bem. 

       Queria trazer para vocês um utilitário, mas parece que vai demorar pra fazer então trouxe um tutorial básico mesmo para não deixar o blog desatualizado. Blockquote é como uma citação pequena, mas importante geralmente usada nos códigos das postagens de tutoriais.

Vá em Modelo > Editar HTML > Clique na primeira seta > Procure por ]]></b:skin> e cole acima o seguinte código:

blockquote {
padding: 5px;
font-size: 11px;
color: #696969;
background-color: #f7e9e2;
border-right: 9px solid #ddc69f;
border-left: 9px solid #ddc69f;
text-align: center;
box-shadow: inset 0 0 15px #ecebeb, 0 0 5px #d2d1d3;
-webkit-transition-duration: .50s;
}
blockquote:hover {
border-right: 3px solid #ddc69f;
border-left: 3px solid #ddc69f;
-webkit-transition-duration: .50s;
}

Caso não tenha o blockquote no seu layout e não sabe como colocar, é só fazer o mesmo processo, só que dessa vez o código seria este:

.post blockquote {
background #efefef:
border-left: 3px solid #ff4aa5;
padding: 5px;
}

Personalize do seu jeito, mas cuidado para não apagar alguma parte importante.