Zapoznaj się znajnowszymi wpisami

Jak zrobić animowane zdjęcie we wpisie

15.08.2017


W dzisiejszym wpisie pokażę Wam jak w łatwy sposób zrobić animowane zdjęcie we wpisie na Bloggerze. Nie jest to nic skomplikowanego, a wszystko będzie ograniczać się do programu graficznego (można posiadać najprostszy program jak PhotoScape lub GIMP - nie ma to naprawdę żadnego znaczenia na jakim programie będziecie pracować) oraz do edytora wpisu HTML.

1. Przygotuj dwa zdjęcia (mogą być te same i jedno np. z grafiką lub dwa różne)

2. Jeśli zdecydujemy się na to, aby jedno z naszych zdjęć było edytowane, to otwieramy sobie nasze zdjęcie w programie graficznym (ja otworzyłam je w PhotoScape). Edytujemy sobie dowolnie, wszystko zależy od Was.

3. wchodzimy w edycję wpisu i wybieramy HTML.



\4. Wklejamy kod:

<a><img src="LINK DO ZDJĘCIA PRZED NAJECHANIEM MYSZĄ" onmouseover="this.src='LINK DO ZDJĘCIA PO NAJECHANIU MYSZĄ'" onmouseout="this.src='LINK DO ZDJĘCIA PRZED NAJECHANIEM MYSZĄ'" /></a>

5. Musimy uzupełnić podpisane miejsca odpowiednimi linkami - zdjęciami. Aby uzyskać link naszego zdjęcia trzeba je dodać na hosting np. ifotos.

6. Efekt (najedź na zdjęcie by sprawdzić):

Czytaj dalej »

8 zakładek do książki do pobrania za darmo

23.07.2017


Różne rzeczy udostępniałam na blogu do pobrania, jednak nigdy nie było zakładek do książek, a bardzo chciałam je kiedyś tutaj udostępnić. Jak można zauważyć - jak pomyślałam, tak zrobiłam. Stworzyłam 8 wersji zakładek do książek i mam pomysł na kolejne ;) Dajcie znać w komentarzach, które zakładki Wam przypadały najbardziej do gustu :)

Zakładki są przygotowane do druku w formacie pdf. Po przeniesieniu na dysk Google, wyświetlają się w dość kiepskiej jakości - nie ma co się martwić, dzięki temu wczytywanie ich nie trwa wieki. Po wydrukowaniu wszystko będzie w jak najlepszym porządku :)



Zakładka 1 Zakładka 2 Zakładka 3 Zakładka 4


Zakładka 5 Zakładka 6 Zakładka 7 Zakładka 8

Czytaj dalej »

Jak zmienić pager bloga na ikonki font awesome

10.07.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: 



Czytaj dalej »