Separando Gadgets

Olá gente, 

Hoje trouxe um tutorial muito legal que deixa seu blog com uma cara super melhor :) mais antes de tudo quero dizer que só funciona com o modelo travel // viagem

é de como deixar seus gadgets separados e trouxe também dois estilos de gadgets que ficam bem bonitos vamos conferir o tutorial?

Primeiro de tudo, vá em seu HTML e procure por:

/* Widgets

Vai aparecer mais ou menos isso:

/* Widgets----------------------------------------------- */.sidebar .widget {
border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 10px;
margin: 10px 0;
}

Antes de } cole:

 background: #f7f7f7;

Feito isso, se você quiser diferenciar seu gadget tenho dois modelos como prometido:

Para ficar igual o da imagem acima cole:

-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;

 

e se preferir assim como essa imagem, cole isso:

-webkit-border-bottom-right-radius: 40px;-moz-border-radius-bottomright: 40px;border-bottom-right-radius: 40px;

obs: colar quaisquer dos códigos escolhidos antes de } também ok?!

espero que tenham conseguido! 
beijos!!!