Jak zrobic prosty design ?

Witam ! :) 

W związku z tym, że mam bardzo dużo próśb o design'y bloga, napiszę dzisiaj dla Was krótką instrukcję na prosty, ale ładny wygląd. Mam nadzieję że w jakimkolwiek stopniu Wam to pomoże.

• Skoro już mamy bloga, wchodzimy na bloggera i szablon > dostosuj

• Pierwsza zakładka to szablony. Wybieramy szablon Rewelacja (biały)

• Tło najlepiej żeby było jasne, tak jak np. to KLIK

• Szerokość najlepiej 1020 x 260

• W układzie nie trzeba nic zmieniać

• Zaawansowane

-Linki. Z granatowych zmieniamy na czarne, albo grafitowe (wszystkie 3 opcje)

-Tytuł bloga. Kolor tytułu musi być przezroczysty

-Tło kart. Kolor tła: biały, kolor obramowania: biały

-Tytuł posta. Według mnie najładniejsze czcionki to: Coming Soon, Indie Flower oraz Syncopate

-Tło posta. Kolor obramowania i skos: biały

-Tytuł gadżetu i tekst gadżetów. Czcionka: Georgia

-Tło gadżetów. Kolor obramowania: biały

-Kanał i Linki do kanałów. Kolory tekstów i linków przezroczyste
-Stopka. Kolor tła przezroczysty
-Arkusz CSS. Tutaj będziemy wklejać wszystkie kody:

Wklejcie to wszystko, a Wasz blog będzie wyglądał co raz ładniej !

.column-right-inner { margin: 10px px 1px -10px; }
.kolumn-right-inner {text-align: center; }
.widget h2 {text-align: center;}
h3.post-title {text-align: center;}
.widget {margin-top: 100px;}

.column-right-inner {text-align: center; }
.header { height: 450px;}
  
.sidebar .widget {
margin-bottom: 0px;
margin-left:-45px;
width:300px;
}
.header { height: 10px;}
.sidebar .widget { border:1px white; margin-bottom: -20px; margin-left:-42px; width:210px; }

.post img {
opacity: 1;
transition:opacity 0.6s ease-in-out;
-o-transition:opacity 0.6s ease-in-out;
-moz-transition:opacity 0.6s ease-in-out;
-webkit-transition:opacity 0.6s ease-in-out;
}
.post img:hover {
opacity: 0.80;
transition:opacity 0.6s ease-in-out;
-o-transition:opacity 0.6s ease-in-out;
-moz-transition:opacity 0.6s ease-in-out;
-webkit-transition:opacity 0.6s ease-in-out;
}
.header { height: 10px;}

A tu macie kod na datę w kółeczku:

.date-header span {width: 50px; height: 55px; border-radius: 100%;}

.date-header span {background-color: #ffccff;}  

tu zmieniamy kolor naszej daty, palete kolorów możecie znaleźć tu KLIK

.date-header span {text-align:  center;}

.date-header span {margin: -0px -100px -55px -85px;}

tu ustawiamy położenie daty w naszym blogu

.post-footer{text-align:center;}

• Ok, teraz przejdziemy do cieni w okół bloga. Nieładne są, prawda ? jak je usunąć ? to będzie trochę skomplikowane. 

-Przechodzimy do szablon > edytuj kod HTML

-Za pomocą klawiszy ctrl i F pojawi się nam małe okienko, i wpisujemy w nie: 0, 0

Wyświetli się nam taki kod:

-Usuwamy go całego, klikamy enter, wyświetli się nam kolejny, i znów go usuwamy. Tych kodów jest ok. 7. 

-Gdy skończymy, zapisujemy

• Teraz potrzebny nam nagłówek. Instrukcja jak go zrobić i umieścić, jest na moim starym blogu: KLIK

• Gadżety. To boczny pasek po prawej lub lewej stronie. Jak go przyozdobić ? 
-Wchodzimy w układ 
-Usuwamy wszystkie te zakładki
-Klikamy dodaj gadżet, dodajemy obraz, czyli nasze zdjęcie. Zawsze w tytuł wpisujemy <!> i zapisujemy. Zdjęcie w mglistej otoczce możecie zrobić tu KLIK

-Teraz dodajemy tekst. Piszemy tam o sobie
-Dodajemy obraz. Tym obrazem będzie tytuł naszych gadżetów, np. archiwum

-No i dodajemy archiwum bloga
-Dodajemy kolejny obraz, czyli tytuł obserwatorów

-Dodajemy obserwatorów. Gadżet ten znajduję się w "Więcej obserwatorów"
-Dodajemy obraz. Tytuł statystyk

 -Dodajemy statystykę bloga

To by było na tyle ! :) Nie jestem dobra w tłumaczeniu, więc pewnie mnie w ogóle nie zrozumieliście... Rzeczywiście trochę to wszystko skomplikowane, ale na pewno coś pomogłam. Kiedyś zrobię dla Was więcej zestawów graficznych, które będziecie mogli dodać na bloga.

Jeśli macie jakieś pytania dotyczące designu, piszcie w komentarzach, a postaram się wyjaśnić !