Komercyjnie
noskowicz.klaudia@gmail.com

lub

Potrzebujesz w czymś pomocy lub chcesz napisać w sprawie współpracy?
rinne.lasair@gmail.com

x

Rinne ☽ Lasair
Klaudia ☾ Noskowicz

20.11 Skorpion ♏ | Gryfon | 165cm | Optymista

❤ DGD ~ Koty ~ BDO ~ Kosmos ~ Burza ~ Anime
💔 Horrory ~ Spoilery

x

Responsywne szablony na witrynę blogspot, loga, grafika 3d, animacje oraz tutoriale.

Główna Portfolio Blog
O mnie
Kontakt
x
+

Co będzie?

  • Kawowa Mary zamówienie
  • Rise of Fayren zamówienie
  • Szablon Reaper darmówka
  • Szablon do opowiadań
  • Szablon rpg

Szukaj

x

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


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:

<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ć.
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 == &quot;http://twojadres.blogspot.com/&quot;'>
<b:section id='glowna'>
</b:section>
 </b:if>

oraz

<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>

Brak komentarzy:

Prześlij komentarz

by Rinne Lasair | credits: helplogger