Translate

Pokazywanie postów oznaczonych etykietą Pomoc dla bloggerów. Pokaż wszystkie posty
Pokazywanie postów oznaczonych etykietą Pomoc dla bloggerów. Pokaż wszystkie posty

2014/07/17

Po opublikowaniu posta okazało się, że tylko on jest widoczny na stronie głównej, a reszta jakby przesunieta na nastepną stronę, a tymczasem powinno być siedem postów na każdej stronie bloga. Domyśliłam się, że powodem jest bardzo duża liczba zdjęć w poście. 

Zaczęłam wertować internet w poszukiwaniu rozwiązania tego problemu. Obawiałam się, że będę musiała "grzebać" w kodzie HTML. a tymczasem rozwiązanie okazało się banalnie proste: należy wejść na posta i po pierwszym akapicie wstawić "jump break" z paska na górze.

2014/07/12

Aby zmienić rozmiar czczionki w tytule bloga wchodzimy w Template/Customise/Advanced/Add CSS i wpisujemy kod:
#header h1 { font-size: 40px;
}
Metodą prób i błędów dopasowujemy rozmiar czcionki. Zamiast px możemy uzyc indykatora "em".

2014/07/06

Jeżeli chcemy, aby tylko częśc naszego posta była widoczna a osoby zainteresowane dalszą częścią musialy kliknąć na "czytaj więcej",
ustawiamy kursor w miejscu w tekscie, od którego chcemy, aby dalsza część posta byla ukryta, i na pasku narzędzi nad postem klikamy ikonkę "insert jump break".


Wchodzimy w Templates/Customise/Advanced/Add CSS

i wklejamy kod:

.Header .description {
font-family:dancing script;
font-size:30px;
font-color: #ffffff;
}


Aby przesunać opis bloga stosujemy kod:

.Header .description {
padding-left:30px;
padding-right:30px
padding-top:50px
padding-bottom:50px
}

Oczywiście eksperymentujemy z cyframi, aby uzyskać pożądany efekt.

Jeżeli chcemy wyśrodkować sam opis bloga, bez tytułu, wklejamy:

.Header .description {
text-align:center;
}

2014/07/05

Wchodzimy w Template/Customise/Advanced/Add CSS i wpisujemy

#header-inner {text-align:center !important;
}

Naciskamy przycisk Apply to blog.


Wchodzimy w Template/Customise/Advanced/Add CSS
i wpisujemy kod:


.header-inner .Header #header-inner {
margin-bottom:50px;
}

Oczywiście cyfrę możemy zmienić w zależności od tego, jak nisko chcemy mieć pasek.

Jeżeli chcielibyśmy obniżyc tytuł bloga, w nawias wpisujemy również:
margin-top:50px



2014/06/30

Moja przygoda z blogowaniem zaczęła sie niedawno, nie jestem więc ekspertem, ale pomyślalam, ze wszystko to, czego się nauczyłam i jeszcze nauczę, będę zamieszczać na swoim blogu.
Jedną z najtrudniejszych dla mnie rzeczy podczas tworzenia bloga było utworzenie menu w postaci poziomego paska zakładek pod tytułem bloga.

A oto, jak tworzymy taki pasek (krok po kroku- dla opornych)):


Tworzymy kilka postów, każdy zapisujemy dodając etykietę


Powiedzmy, ze mamy 3 posty, w tym dwa z etykieta "diety", i jeden z etykieta "kosmetyki".



Czyli w tym momencie, gdy otworzymy strone główną naszego bloga, widok będzie taki:


Chcemy teraz utworzyć na górze poziomy pasek z kategoriami  "diety" i "kosmetyki" tak, aby po kliknięciu w ikonkę z kategorią pokazywały nam się przyporzadkowane do danej kategorii posty.
Wchodzimy więc w Layout (układ strony) i pod tytułem klikamy w Add a Gadget (dodaj gadżet). Z listy gadżetów wybieramy Pages (strony) i otwiera nam się takie okno:

Widzimy, że Home (strona główna), na której będzie pojawiał się strumień wszystkich wpisów, pojawiło się automatycznie. Aby dodać kolejne kategorie (zakładki) klikamy w: add external link, pojawia nam się okno:


Teraz otwieramy na naszym komputerze jeszcze jedno okno z naszym blogiem, ponieważ potrzebujemy skopiować adresy etykiet. Jak widać na poniższym obrazku, kliknęłam z boku z prawej strony w etykietę "kosmetyki" i w pasku adresu na górze pojawił nam się adres etykiety "kosmetyki", który kopiujemy.



Skopiowany adres wklejamy w okno New Pages/Web Address a w tytule wpisujemy Kosmetyki.


Klikamy: save link.
Identycznie postępujemy z etykietą: diety.

Gdy mamy już adresy etykiet wklejone, okno wyglada tak:

Poniżej, niewidoczny na moim zrzucie z ekranu, znajduje się przycisk Save, który naciskamy. Gotowe!

Tak wygląda gotowe menu:


Mam nadzieję, że pomogłam :)