Oi! Olha eu aqui de novo. w/ Hoje vim ensina-los a montar um box de boas vindas para voces. Aquelas 'caixas' que geralmente contem um pequeno texto de apresentacao no inicio da lista dos gadgets. Nao entendeu o que eu quis dizer? Veja um exemplo abaixo:Clique aqui para visualizar o exemplo em uso.Faca aquele trajeto que voce ja conhece bem: Painel de Controle > Modelo > Editar HTML e procure por ]]></b:skin> e acima dele cole o seguinte codigo:/** by extras-placefame **/.boxwelcome {background: #f5f5f5; /** cor do fundo **/-webkit-box-shadow: inset 1px 1px 1px 0 #c7c7c7;-moz-box-shadow: inset 1px 1px 1px 0 #c7c7c7;box-shadow: inset 1px 1px 1px 0 #c7c7c7;font-size:85%; /** tamanho da fonte **/font-family:georgia; /** fonte do texto **/text-shadow: 0px 1px #DCDCDC; /** sombra do texto **/color:#707070; /** cor do texto **/margin:5px; /** espacamento externo **/padding:8px; /** espacamento interno **/text-align: justify; /** texto alinhado **/-webkit-border-radius: 5px; /** bordas arredondadas, caso queira retira-las apague essa e as duas linhas seguintes **/-moz-border-radius: 5px;border-radius: 5px;}/** links do box **/.boxwelcome a {background-color:#EEE0E5; /** cor do fundo do link **/color:#707070; /** cor do texto **/text-shadow:0px 1px #fff; /** sombra do texto **/padding: 2px;padding-left: 4px;padding-right:4px;text-transform:uppercase;font-size:80%;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.2s ease-out;-webkit-transition-duration:.50s; }.boxwelcome a:hover {background-color:#CDC1C5; /** cor do fundo do link ao passar o mouse **/color:#fff; /** cor do link ao passar o mouse **/text-shadow:0px 0px #fff;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.2s ease-out;-webkit-transition-duration:.50s; }Salve e logo em seguida va ate Layout e adicione um novo gadget > HTML/Javascript e cole o codigo abaixo:<div class="boxwelcome">Oi! Escreva seu texto aqui nessa caixa, ela se ajustara automaticamente ao tamanho da sidebar do seu <a href="/">blog</a>. Bla, bla, bla.</div>Espero que voces tenham gostado. Super beijo. Nerdsssss, te necessito amigo!Oi meus docinhos de coco! (um acento ali no coco ia dar merda) Hahaha. Tudo bom com voces? Espero que sim. Hoje trouxe novos modelos de titulos de sidebar. Caso voce nao saiba do que eu esteja falando, clique aqui, e veja o post explicando. Ah, e fiquei feliz por saber que (quase) todos gostaram do layout. Eu gostei bastante dele! Sem mais bla bla bla, vamos ao que interessa: os novos estilos para titulos de sidebar. E ai, bora?Titulo do Gadget.sidebar h2 {background-color: #f9f9f9; ---/* cor do fundo */border-radius: 20px;border: 1px dotted #ccc; ---/* expressura, tipo e cor da borda */color: #33cccc; ---/* cor da fonte do titulo */font-size: 12px; ---/* tamanho da fonte do titulo */font-weight: bold;padding: 10px; ---/* margem interna */text-align: center; ---/* alinhamento do titulo */text-transform: uppercase;}Titulo do Gadget.sidebar h2 {-moz-border-radius-bottomright: 10px;-moz-border-radius-topright: 10px;-webkit-border-bottom-left-radius: 10px;-webkit-border-top-right-radius: 10px;border-bottom-left-radius: 10px;border-top-right-radius: 10px;color: #ffffff; ---/* cor da fonte do titulo */background-color: #33cccc; ---/* cor do fundo */font-size: 14px; ---/* tamanho da fonte do titulo */font-family: georgia; ---/* fonte do titulo */font-style: italic;padding: 5px; ---/* margem interna */text-align: center; ---/* alinhamento do titulo */text-transform: lowercase;}.titulo { background-color: black; border-radius: 30px; border: 2px solid #ccc; color: white; font-family: georgia; font-size: 15px; font-style: italic; padding-bottom: 7px; padding-left: 7px; padding-right: 20px; padding-top: 7px; text-align: right; width: 265px; -webkit-transition:0.4s; }.titulo:hover { background:#ccc; color: #000; -webkit-transition:0.4s}Titulo do Gadget.sidebar h2 {background-color: #000; ---/* cor do fundo */border-radius: