» instrukcja » Strona startowa na blogspocie
Dzisiaj nauczycie się jak stworzyć stronę startową/główną na blogspocie oraz oddzielną stronę bloga, by blogger wyglądał jeszcze bardziej profesjonalnie. Instrukcja wymaga znajomości HTML, dlatego też na początek proponuje zaznajomić się z Responsywny szablon od zera.
+ mam wrażenie, że blogsfera powoli umiera, macie jakiś pomysł jak ją wskrzesić?
++ jakie posty chcecie widzieć na RL? 👽
👉 twitter.com/Rinne_Lasair
+ mam wrażenie, że blogsfera powoli umiera, macie jakiś pomysł jak ją wskrzesić?
++ jakie posty chcecie widzieć na RL? 👽
👉 twitter.com/Rinne_Lasair
Krok 1.
By uzyskać ten efekt, który widnieje na mojej stronie, musimy skorzystać z warunkowania <b:if>. Polecam tą stronę, na której znajdują się wypisane kody dla blogspota. Krótkie omówienie:
== pokazuj na
!= nie pokazuj na
Krok 2.
Tworzymy menu:
Strona główna: http://twojadres.blogspot.com/
Blog: http://twojadres.blogspot.com/search?&max-results=4
4 to liczba postów wyświetlana na stronie, możecie ją dowolnie zmieniać.
Jest jeden minus tej metody, gdy wejdziecie w starszy post, a następnie w nowszy post, zamiast do strony Blog przeniesie was na Stronę główną ¯\_(ツ)_/ ¯
Krok 3.
Utwórzcie w HTML dwie sekcje, jedna z widgetami, które mają pojawić się tylko na stronie głównej, druga, w której muszą znajdować się Posty na blogu, z widgetami, które mają pojawić się tylko na blogu. Możecie utworzyć trzecią sekcje, której widgety mają pojawiać się wszędzie, np. menu.
Krok 4.
Dodajemy warunkowanie.
oraz
Teraz pozostaje edytować CSS 😈 Jeżeli chcecie by menu lub tło wyglądało zupełnie inaczej należy skorzystać z Krok 1. Warunkowanie dodaje się nad </body>
By uzyskać ten efekt, który widnieje na mojej stronie, musimy skorzystać z warunkowania <b:if>. Polecam tą stronę, na której znajdują się wypisane kody dla blogspota. Krótkie omówienie:
<b:if cond='data:blog.url == "adres danej strony"'>
<style type='text/css'>
kod CSS tylko dla tej danej strony
</style>
</b:if>
<style type='text/css'>
kod CSS tylko dla tej danej strony
</style>
</b:if>
== pokazuj na
!= nie pokazuj na
Krok 2.
Tworzymy menu:
Strona główna: http://twojadres.blogspot.com/
Blog: http://twojadres.blogspot.com/search?&max-results=4
4 to liczba postów wyświetlana na stronie, możecie ją dowolnie zmieniać.
Jest jeden minus tej metody, gdy wejdziecie w starszy post, a następnie w nowszy post, zamiast do strony Blog przeniesie was na Stronę główną ¯\_(ツ)_/ ¯
Krok 3.
Utwórzcie w HTML dwie sekcje, jedna z widgetami, które mają pojawić się tylko na stronie głównej, druga, w której muszą znajdować się Posty na blogu, z widgetami, które mają pojawić się tylko na blogu. Możecie utworzyć trzecią sekcje, której widgety mają pojawiać się wszędzie, np. menu.
Krok 4.
Dodajemy warunkowanie.
<b:if cond='data:blog.url == "http://twojadres.blogspot.com/"'>
<b:section id='glowna'>
</b:section>
</b:if>
<b:section id='glowna'>
</b:section>
</b:if>
oraz
<b:if cond='data:blog.url != "http://twojadres.blogspot.com/search?&max-results=4"'>
<b:section id='nablogu'>
</b:section>
</b:if>
<b:section id='nablogu'>
</b:section>
</b:if>
Teraz pozostaje edytować CSS 😈 Jeżeli chcecie by menu lub tło wyglądało zupełnie inaczej należy skorzystać z Krok 1. Warunkowanie dodaje się nad </body>
Subskrybuj:
Komentarze do posta (Atom)
Brak komentarzy:
Prześlij komentarz