1. Wejść na stronę xat.com
2. Należy kliknąć na: Make a chat box
3. Teraz wybieramy wygląd czatu i klikamy na ten, który nam się podoba ;-)
4. Wybieramy rozmiar czatu: small (mały), medium (średni) i large (duży)
5. Klikamy na COPY - czyli kopiujemy kod czatu.
6. Wracamy na swojego bloga, klikamy na PROJEKT (w prawym górnym rogu) i wybieramy miejsce, w którym nasz czat ma się znajdować. Czat można dodać wszędzie, gdzie pojawia się napis: dodaj gadżet.
Klikamy na gadżet, który wybraliśmy i wyszukujemy HTML/JavaScript.
Klikamy na niebieski kwadracik z białym krzyżykiem.
7. W tytule wpisujemy nazwę gadżetu, czyli na przykład CZAT (nie musicie tego robić, ale później, gdy na Waszym blogu będzie więcej gadżetów - łatwiej będzie go odnaleźć :-) ).
8. Najeżdżamy na okienko o nazwie"treść", klikamy prawym klawiszem myszki i wybieramy WKLEJ.
9. Klikamy ZAPISZ.
10. Teraz mamy 2 opcje: albo ponownie klikamy ZAPISZ, albo PODGLĄD (w przypadku podglądu, będziemy mogli zobaczyć, czy nasz czat dobrze wygląda na stronie ).
11. Po kliknięciu ZAPISZ, klikamy na WYŚWIETL BLOGA.
12. Nasz czat jest już na blogu :-)
JAK SPRAWIĆ, BY TŁO CZATU BYŁO PRZEZROCZYSTE?
Zatrzymujemy się na kroku 3., poprawiamy parę rzeczy i potem idziemy dalej zgodnie z instrukcją.
Jednak wpierw klikamy na Update & Get Code...
Potem zjeżdżamy w dół strony i szukamy Extra Chat Box Features. Zaznaczamy krateczkę obok Transparent background (No background image). Następnie ponownie przesuwamy stronę w górę i naciskamy Update & Get Code.
Potem idziemy dalej zgodnie z instrukcją (od 5. kroku).
