Design DIY #1

Co u was słychać? Bardzo was męczą w szkole? U nas wszystko w jak najlepszym porządku. Jutro wyjeżdżamy z klasą na 3 dni na wycieczkę! Wszystko wam opowiemy jak wrócimy.
Jak widać po tytule posta rozpoczynamy nową serię na blogu o nazwie 'Design DIY'. Dlaczego postanowiłyśmy taką zrobić serię? ponieważ wielu z was pytało się nas na email, ask'u, w komentarzach pod postami, jak coś zrobić na blogu (jak design itp...) Uważam że początkującym jak i tym "starszym" blogerką będzie to przydatne, chociaż troszkę. Myślę że troszkę wam rozjaśnimy pewne rzeczy dotyczące design'u. Zachęcamy do przeczytania!

Jak zrobić inne archiwum ?

1. Wchodzimy w 'układ'

 2. Następnie klikamy w 'dodaj gadżet'

 

3. Kiedy już klikniemy w dodaj gadżet to szukamy(trzeba zjechać trochę suwaczkiem w dół) i klikamy w 'tekst'

 4. Następnie wyskoczy nam pole do pisania. Wpisujemy tam miesiące (od początku blogowania aż do teraz) tak jak w przykładzie poniżej! :)

(* możecie  napisać miesiąc w innej formie, np. stycz, lut- skrótami, lub styczeń, luty- całymi słowami)
(*zaznaczyłam wam również na niebiesko na obrazku niżej "*" zamiast tego możecie dać jaki tylko chcecie znak, np. x, ♥ ....)

 5. Następnie zaznaczamy miesiąc i klikamy w 4 obrazek od lewej strony czyli w tą mianiaturkę ziemi.

                                        b  i  T  ( ta miniaturka ziemi)   ,,   Edytuj kod HTML

 6. wyskoczy nam 'wprowadź adres URL' i tam wpisujemy:

http://jugii.blogspot.com/2014_01_01_archive.html

 

Na czerwono zaznaczyłam link do bloga ( tam ma być wasz link).

Na zielono kolor oznaczający rok

Na niebiesko kolor oznaczający miesiąc 

7. wykonujemy tą czynność do każdego miesiąca każdego roku, NIE ZAPOMNIJ ZMIENIĆ ROKU I MIESIĄCA.

8. kiedy już wpisałeś kliknij 'zapisz' i juz gotowe ! :) 

Podkreślenie tytułu posta

 

Mały detal - podkreślenie tytułu posta, a już blog może wyglądać  ciekawiej. Wklejamy ten kod do kodów CSS.

 szablon > dostosuj > zaawansowane > dodaj arkusz CSS > wklejamy poniższy kod

h3.post-title {border-bottom: 1px #000000 solid ;}

1px - grubość kreski (im większa liczba, tym grubsza kreska)
#000000 - kolor kreski (w tym przypadku czarny). Kolory możecie zmieniać wpisując kod koloru z palety RGB, którą znajdziecie tutaj(klik).
solid - rodzaj kreski ( solid- linia ciągła, dotted- kropkowana, dashed- kreskowana)

 (zdjęcie powyżej do podkreślenie tytułu wzięłyśmy od  Kiki:* )

Podoba Wam się pomysł na taką serię na Naszym Blogu?

FACEBOOK JUGI/INSTAGRAM JUGI                FACEBOOK NATI/INSTAGRAM NATI