Jak zrobić pasek powiadomień/informacyjny na Bloggerze

17.08.2018

Pasek powiadomień blogger, instrukcja na bloggera

Pewnie nie raz i nie dwa mieliście okazję do tego, aby na blogu (na górze) widzieć u niektórych okienko/pasek z jakąś informacją np. o urlopie, nowych produktach w sklepie, aktualizacjach czy jakiś zmianach na blogu itd. Jak pewnie też wiecie, nie jest to standardowy gadżet Bloggera. Dlatego w tym wpisie, pokażę Wam jak taki pasek informacyjny dodać do Bloggera.

Okej, więc aby dodać nasz pasek informacyjny, będziemy pracować na kodzie HTML szablonu oraz arkuszu CSS. Nie będzie to skomplikowany "zabieg", więc każdy powinien sobie z tym poradzić :)

1. Pierwsze co musimy zrobić to przechodzimy do motyw - edytuj kod HTML

2. Klikamy kursorem, obojętnie jakie miejsce w kodzie i wybieramy ctrl+f na klawiaturze. Pojawi nam się okno wyszukiwania. W okienku, które nam się pojawiło wpisujemy </body>

3. Pod </body> wklejamy odpowiednio uzupełniony kod:



TEKST INFORMACYJNY - wpisujemy w tym miejscu tekst, który ma informować naszych czytelników

LINK - link do strony/podstrony/ wpisu, do którego ma kierować naszych czytelników

TEKST BUTTONU - czyli tekst, który będzie się wyświetlał na naszym przycisku np. kliknij tutaj/przejdź do wpisu lub kliknij tutaj

Mój kod wygląda tak:


Zapisujemy motyw

4. Przechodzimy do motyw - dostosuj - zaawansowane - dodaj arkusz CSS. W arkuszu CSS wklejamy taki oto kod CSS:



Efekt:



Wersja dla osób posiadających menu przyczepione na górze bloga


1. Przechodzimy do układ - dodaj gadżet - HTML/JavaScript

2. W gadżecie wklejamy taki kod:



Zapisujemy

3. Przechodzimy do motyw - dostosuj - zaawansowane - dodaj arkusz CSS



Efekt:



Wszystkie wartości w kodzie CSS są zmienne

Jeśli masz z czymś problem - napisz na maila :) 

Udostępnij ten wpis:

7 komentarzy:

  1. Ja bardzo chętnie bym się dowiedziała, jak zrobić w stopce "Zobacz podobne wpisy" :)

    OdpowiedzUsuń
  2. Nowa nazwa bloga nas trochę zmyliła :D Ładnie brzmi :)

    OdpowiedzUsuń
  3. Super porada, na pewno ją wykorzystam w najbliższej przyszłości

    OdpowiedzUsuń
  4. Myślę, że możesz użyć gadżetu od bloggera"podobne posty" po czym w kodzie zmienić styl w css odnośnie jego wyglądu :)

    OdpowiedzUsuń
  5. Blogger ma ze swoich gadżetów związanych z wpisami tylko popularne wpisy i polecany wpis, a to nie są "podobne posty". Blogger nie ma swojego dedykowanego gadżetu typu podobne wpisy czy zobacz podobne ;)

    OdpowiedzUsuń
  6. Faktycznie pomyliłam popularne wpisy z podobnymi. :)

    OdpowiedzUsuń

- Komentarze takie jak: spam, obserwacja za obserwacje, prośby o klikanie w banery etc. zostają usuwane - ZAPAMIĘTAJ! MÓJ BLOG TO NIE TABLICA OGŁOSZEŃ
- Weryfikacja obrazkowa wyłączona

Copyright © Szablon wykonany przez My pastel life