Gadgets arredondadas separadas em caixas

Yoo sexys!Antes de tudo,eu vou explicar,porgue eu fui para marte.Eu estava pensando em deixar a blogosfera,estava postando por obrigação e tal.Mas então de uma hora pra outra criei animo e BUM!Voltei!Aí é que eu penso...eu nuca vou largar isso meu deus! 

Primeiramente percebi que só tem efeitos de imagem,que se tratam de html.Então para tirar a puera acumulada no blog trouxe um tutorial! 

É super simples e prático,vamos começar? 

-Vá em Modele>Editar html>Ir para um widget>Selecione qualquer um. 

-Aperte Ctrl + f ou F3 e procure por Widgets. 

-Logo abaixo cole: 

.sidebar .widget {
margin: 0px 0px 15px 0px; /* margem entre uma caixa e outra */
background: #FFFFFF; /* cor de fundo das caixas */
padding:10px; /* espaço entre o texto e as margens */
border-radius: 10px; /* arredondamento dos cantos das caixas */
text-align: justify; /* alinhamento justificado do texto */
-webkit-box-shadow: 0 0 1em #c9c9c9; /* sombra nas caixas, apague esse trecho se não quiser sombra */
}

-Visualize e salve. 

PRONTO! 

Qualquer dúvida comente.Algum tutorial que não tem aqui ou alguma coisa que você gostaria que eu postasse me mande pela ask (www).Beijinhos!