Como Colocar Caixinha de Còdigos No Blog

as caixinhas a baixo dentro dela tem o código delas
onde está escrito : TEXTO é para por seu código 


Para Utiliza-las use na postagem mesmo!! espero que goste

 <div style="background-image: url(http://www.evelynsplace.kit.net/paterns/26bground.gif); border-bottom: #d8d2d6 1px dotted; border-left: #d8d2d6 1px dotted; border-right: #d8d2d6 1px dotted; border-top: #d8d2d6 1px dotted; color: black; font-family: verdana; font-size: 11px; height: 80px; overflow: auto; width: 255px;">
TEXTO</div>

<div style="background-color: #e795fc; border-bottom: #d8d2d6 1px dotted; border-left: #d8d2d6 1px dotted; border-right: #d8d2d6 1px dotted; border-top: #d8d2d6 1px dotted; color: black; font-family: verdana; font-size: 11px; height: 80px; overflow: auto; width: 255px;">
TEXTO</div>

<div style="background-color: #ffc7e9; border-bottom: #d8d2d6 1px dotted; border-left: #d8d2d6 1px dotted; border-right: #d8d2d6 1px dotted; border-top: #d8d2d6 1px dotted; color: black; font-family: verdana; font-size: 11px; height: 80px; overflow: auto; width: 255px;">
TEXTO</div>

<div style="background-image: url(http://www.web-midia.com/coisinhas%20mil/coisinhas_de_posts/patterns/77words_patterns6_093.gif); border-bottom: #d8d2d6 1px dotted; border-left: #d8d2d6 1px dotted; border-right: #d8d2d6 1px dotted; border-top: #d8d2d6 1px dotted; color: black; font-family: verdana; font-size: 11px; height: 80px; overflow: auto; width: 255px;">
TEXTO</div>

                                                                        Espero Que Tenham Gostado !