Jak zmienić odstępy między gadżetami na blogu blogspot/blogger?

Dzisiaj zmodyfikujemy wygląd naszego bloga (blogspot/blogger) rozsuwając lub przybliżając gadżety w pasku bocznym.



Na początku usuwamy marginesy dla wszystkich gadżetów:

.sidebar .widget {margin: 0px;}

Następnie ustawiamy margines dolny dla określonego gadżetu:

.sidebar #Profile1{margin-bottom: 10px;}

 W miejsce #Profile1 wpisujemy nazwę (a w zasadzie id) naszego gadżetu. Jeżeli chcemy zmienić odstępy dla wszystkich gadżetów w całym pasku bocznym musimy umieścić kod dla każdego z nich np:

.sidebar .widget {margin: 0px;}
.sidebar #Text1 {margin-bottom: 5px;}
.sidebar #Profile1 {margin-bottom: 5px;}
.sidebar #PopularPosts1 {margin-bottom: 5px;}
.sidebar #BlogArchive1 {margin-bottom: 5px;}

W ten sposób regulujemy odstępy pomiędzy gadżetami na naszym blogu. Oczywiście powyższe kody wpisujemy w Szablon > Dostosuj > Zaawansowane > Dodaj arkusz CSS (lub bezpośrednio w stylach).

U mnie to działa. A wam się udało?