Lasair

Strona startowa na blogspocie

Dzisiaj pokaże wam 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.


Krok 1.

By uzyskać ten efekt, 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>

== 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ć.


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 == &quot;http://twojadres.blogspot.com/&quot;'>
<b:section id='glowna'>
</b:section>
 </b:if>
<b:if cond='data:blog.url != &quot;http://twojadres.blogspot.com/search?&max-results=4&quot;'>
<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>

Leave a Comment

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *