Jak zmienić pager bloga na ikonki font awesome

poniedziałek, 10 lipca 2017


Jakiś czas temu na blogu pojawił się wpis jak zrobić pager bloga z ikonkami font awesome. W tym wpisie pokaże Wam jak zamienić pager bloga na ikonki font awesome - bez strona główna, starsze i nowsze wpisy, dzięki czemu uzyskamy minimalistyczny wygląd naszego pagera. Instrukcja jest prosta, ale niestety nie polubią jej osoby, które od "grzebania" w kodzie HTML uciekają. Instrukcja opiera się właśnie na "grzebaniu" w kodzie HTML.

Jak zrobić pager bloga z ikonkami font awesome

UWAGA! PRZED ROZPOCZĘCIEM JAKICHKOLWIEK ZMIAN NALEŻY ZROBIĆ KOPIĘ ZAPASOWĄ SZABLONU!

Jeśli nie macie u siebie na stronie ikonek font awesom to nad <head> musicie wkleić:
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>

1. Przechodzimy do motyw - edytuj kod HTML
2. Zacznijmy od przycisku strona główna. Klikamy kursorem w pole z kodem i wybieramy na klawiaturze ctrl+f. Pokażę nam się okno wyszukiwania, w które wpisujemy: <data:homeMsg/>
Klikamy enter dwa razy, ponieważ interesuje nas druga sekcja odpowiadająca za pager.
















3. Fragment kodu, który jest zaznaczony na poniższym zdjęciu na czerwono usuwamy, a w jego miejsce wklejamy: <i class="fa fa-home" aria-hidden="true"></i> jeśli chcemy dodać rozmiar naszej ikonki to wklejamy taki kod: <i aria-hidden='true' class='fa fa-home fa-2x'/> - 2 można zmienić na dowolną liczbę.
















4. Zmieniamy starsze posty. Powtarzamy krok 2, ale tym razem wyszukujemy: <data:olderPageTitle/>. Następnie powtarzamy krok 3. Usuwamy <data:olderPageTitle/> a w jego miejsce wklejamy <i class="fa fa-chevron-right" aria-hidden="true"></i> lub <i aria-hidden='true' class='fa fa-chevron-right fa-2x'/>

5. Zmieniamy nowsze posty. Powtarzamy krok 2, wyszukując <data:newerPageTitle/>. Następnie powtarzamy krok 3 czyli w tym wypadku usuwamy <data:newerPageTitle/> a w jego miejsce wklejamy <i class="fa fa-chevron-left" aria-hidden='true'></i> lub <i aria-hidden='true' class='fa fa-chevron-left fa-2x'>


Efekt: 



Udostępnij ten wpis:
Czytaj dalej »

Tapety na pulpit do pobrania za darmo

sobota, 8 lipca 2017


Przeglądając ostatnio wpisy, które zostały opublikowane, zobaczyłam, że dawno nie było tapet do pobrania, więc stwierdziłam, że czas najwyższy to nadrobić. W dzisiejszym wpisie mam dla Was kolejną porcję tapet na pulpit do pobrania za darmo. Tapety są utrzymane w dość ciemnej kolorystyce z efektem watercolor.

Watercolor


1024x768 1280x800 1280x1024 1366x768 1440x900 1600x900 1920x1080

Chillout



1024x768 1280x800 1280x1024 1366x768 1440x900 1600x900 1920x1080


Live in the moment



1024x768 1280x800 1280x1024 1366x768 1440x900 1600x900 1920x1080

Udostępnij ten wpis:
Czytaj dalej »

Copyright © Szablon wykonany przez My pastel life