Separando Postagens em Caixas Simples

Nesta postagem venho compartilhar com vocês uma dica muito útil para quem quer organizar melhor as postagens do blog. Eu coloquei também recentemente aqui no blogger DicasHot, e particularmente eu gostei bastante. Logo logo também estarei colocando outros modelos de caixas de separação. 

Para colocar no blogger... Entre em "Modelo" - "Editar HTML", dê um CTrl + F e procure pela tag

]]></b:skin>

Tendo encontrado a tag, cole ACIMA dela o seguinte código

/* -- Bordas nas postagens -- */
.post h1,.post h2{font-family: 'Open Sans', sans-serif, Segoe UI,Arial,Tahoma;font-size:240%;line-height:1.2em;color:#333;margin:.0em 0 0;padding:4px 0;font-weight:300}
.post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong{display:block;text-decoration:none;color:#333;}
.post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover{color:#0088b2}
.post-body{padding-top:10px;font:13.6px "Open Sans","Trebuchet MS",Helvetica,sans-serif;margin:1.0em 0 .75em;line-height:1.8em;}
.post-body blockquote{line-height:1.8em}
.post th{background:#f2f2f2;padding:2px 8px}
.post td{border-top:1px solid #dfdfdf;background:#f9f9f9;padding:2px 8px}
.post table{width:100%;border:1px solid #ccc;margin:10px 0 0;padding:0}
.post-footer{color:#666;text-transform:none;letter-spacing:.01em;line-height:1.4em;margin:.75em 0;}
.comment-link{margin-left:.1em}

Tendo colado o código, basta salvar e pronto!!!