31. Jak zrobić sondę wyboru?

Sonda wyboru to pewien formularz, który umożliwia nam zebranie opinii innych na zadany temat. I tak dla przykładu, możemy zapytać użytkowników chomikuj o to, czy podoba im się nasz profil. Odwiedzający nas będą mogli głosować na tak lub nie. To jest jednak bardzo banalny przykład. Umiejętnie wykorzystana sonda, potrafi przynieść ogromne korzyści.

Zastanawiałem się jaką sondę Wam tu pokazać, ponieważ Internet aż roi się od tandetnych skryptów, które służą jedynie reklamie stron z których go pobieramy. Oczywiście mógłbym pokusić się o napisanie samemu takiego skryptu, ale nie miało by to zastosowania na chomiku. Dlaczego? ponieważ byłby tu potrzebny dostęp do bazy MySQL, a tej przecież administratorzy chomika nam nie udostępnią z oczywistych powodów.

Pokażę Wam zatem sondę pozbawioną reklam, z pięknymi możliwościami konfiguracyjnymi. Można ją wykorzystać na chomiku oraz innych stronach internetowych. A oto jej przykład. Sprawdź jak działa.

Darmowa Sonda Internetowa

Jak zrobić własną sondę na chomika?

Zacznijmy od wejścia na stronę http://sonda.hanzo.pl/kreatorSondInternetowych.
Aby przystąpić do tworzenia nowej sondy, kliknij w obrazek na środku strony, lub w link "stwórz własną sondę".

Dalej pozostaje nam już tylko zwykła konfiguracja.
Do wyboru mamy również kilka stylów różniących się kolorami:



Możemy również zmienić ustawienia czcionki oraz nadać tytuł naszej sondzie:



W lewym górnym rogu strony konfiguracyjnej, mamy bieżący podgląd jak będzie wyglądała przyszła sonda. Dodatkowo mamy możliwość zmiany kolorystyki:



Abyś łatwo zrozumiał(a) jak wpisać pytanie i odpowiedzi, wszystkie pola zostały wypełnione przykładowymi danymi. Dzięki temu od razu zorientujesz się co i jak wpisać. Na samym końcu pozostaje nam jedynie kliknąć w buton "zapisz sondę i generuj kod". Ukaże nam się wówczas gotowy kod html, który należy wkleić w edycję naszego profilu.

Jak wstawić kod do swojego chomika?
Przejdź do swojego chomika klikając w "edytuj mój profil i opcje"




Kliknij w przycisk HTML




Pojawi się biała ramka do bezpośredniego wpisywania kodu HTML. Klikamy w niej prawym przyciskiem myszy i z menu kontekstowego wybieramy opcję WKLEJ. Pojawi się wówczas nasz skopiowany wcześniej kod. Kod wklejamy tam, gdzie dokładnie chcemy mieć swoją sondę.




Zaakceptuj wklejony kod, poprzez naciśnięcie przycisku "Aktualizuj"




Na koniec zapisujemy wszystko przez naciśnięcie przycisku "Zapisz zmiany"




Gotowe :-)

Ciesz się swoją sondą i obserwuj wyniki na zadane pytanie.

30. Zegar atomowy chomikuj

Właściciele swoich chomików, pytali mnie kilkukrotnie o skrypt pokazujący zegar. W odpowiedzi na Wasze prośby, przedstawię Wam najdokładniejszy zegar na świecie. Odmierza on bowiem czas z dokładnością do 1/10 nanosekundy! Nie jest to więc byle jaki zegarek, ale zegar atomowy. Oto jego kod:

<script src="http://gadgets.gazeta.pl/Zegar/pokazZegar.js" type="text/javascript"></script>

Niestety zegar pozbawiony jest wszelkich innych stylów graficznych. Musi nam wystarczyć to co jest. W tym jednak przypadku najważniejsze jest jednak to, że zawsze możemy liczyć na prawidłowość podanej przez niego godziny. Ponad to, zegar pozbawiony jest wszelkich reklam będących odnośnikami do innych stron. W tym nielicznym przypadku, masz czysty kod zegara bez reklam!

Zegar wstawiamy w edycję swojego profilu. W razie kłopotów ze wstawieniem, proszę o informację w komentarzach niniejszego posta. Zegar możemy wykorzystać również na innych stronach internetowych.

29. Status GG na chomikuj

Użytkownicy portalu chomikuj.pl, tworząc swój profil, niejednokrotnie stają przed dylematem, czym by tu go troszkę urozmaicić. Niektórzy w tym celu wrzucą parę nowych filmów, utworów mp3, a jeszcze inni zechcą zmienić coś w edycji swojego profilu dodając jakiś gadżet. Do tych ostatnich właśnie kieruję niniejszy artykuł. Poznamy kod, który wyświetli nam aktualny status Gadu-Gadu - najpopularniejszego komunikatora w polskim Internecie.

Do wyboru przedstawię Wam kilka wersji takiego kodu. Dzięki temu wybierzecie sobie taki, który najbardziej przypadnie Wam do gustu:



Wersje nieaktywne
---

<img src="http://status.gadu-gadu.pl/users/status.asp?id=TWÓJ_NUMER_GG&styl=0">

Standard - sam obrazek pokazujący nasz aktualny status GG w czasie rzeczywistym! W miejsce TWÓJ_NUMER_GG podajemy oczywiście nasz własny numerek Gadu-Gadu.


---

<img src="http://status.gadu-gadu.pl/users/status.asp?id=TWÓJ_NUMER_GG&styl=1">

Mini - sam obrazek pokazujący nasz aktualny status GG w czasie rzeczywistym! W miejsce TWÓJ_NUMER_GG podajemy oczywiście nasz własny numerek Gadu-Gadu.


---

<img src="http://status.gadu-gadu.pl/users/status.asp?id=TWÓJ_NUMER_GG&styl=0">

Maxi - sam obrazek pokazujący nasz aktualny status GG w czasie rzeczywistym! W miejsce TWÓJ_NUMER_GG podajemy oczywiście nasz własny numerek Gadu-Gadu.



Obrazki jednak pokazują tylko nasz status GG i nic poza tym. Takie zastosowanie wybieramy wtedy, kiedy chcemy jedynie pokazać, że jesteśmy online, ale niekoniecznie chcemy dzielić się naszym numerkiem Gadu Gadu. Jeżeli natomiast jesteś towarzyską gadułą, sprawimy, że obrazki te "ożyją", czyli staną się aktywne. Po kliknięciu w obrazek, automatycznie wyskoczy okienko GG zachęcające do rozmowy. Jedziemy:



Wersje aktywne
---

<a href="gg:TWÓJ_NUMER_GG"><img src="http://status.gadu-gadu.pl/users/status.asp?id=TWÓJ_NUMER_GG&styl=0" style="border:0px;">

Standard aktywny - obrazek pokazujący nasz aktualny status GG w czasie rzeczywistym! Po kliknięciu w ikonkę, od razu możemy rozmawiać z daną osobą. W miejsce TWÓJ_NUMER_GG podajemy oczywiście nasz własny numerek Gadu-Gadu. UWAGA! aby to zadziałało, musisz mieć zainstalowany u siebie "w komputerze" program Gadu Gadu.


---

<a href="gg:TWÓJ_NUMER_GG"><img src="http://status.gadu-gadu.pl/users/status.asp?id=TWÓJ_NUMER_GG&styl=1" style="border:0px;">

Mini aktywny - obrazek pokazujący nasz aktualny status GG w czasie rzeczywistym! Po kliknięciu w ikonkę, od razu możemy rozmawiać z daną osobą. W miejsce TWÓJ_NUMER_GG podajemy oczywiście nasz własny numerek Gadu-Gadu. UWAGA! aby to zadziałało, musisz mieć zainstalowany u siebie "w komputerze" program Gadu Gadu.


---

<a href="gg:TWÓJ_NUMER_GG"><img src="http://status.gadu-gadu.pl/users/status.asp?id=TWÓJ_NUMER_GG&styl=3" style="border:0px;">

Maxi aktywny - obrazek pokazujący nasz aktualny status GG w czasie rzeczywistym! Po kliknięciu w ikonkę, od razu możemy rozmawiać z daną osobą. W miejsce TWÓJ_NUMER_GG podajemy oczywiście nasz własny numerek Gadu-Gadu. UWAGA! aby to zadziałało, musisz mieć zainstalowany u siebie "w komputerze" program Gadu Gadu.



Zwykły link

Kliknij, aby ze mną porozmawiać :-)

<a href="gg:TWÓJ_NUMER_GG">Kliknij, aby ze mną porozmawiać :-)</a>

W miejscu TWÓJ_NUMER_GG wstaw oczywiście swój własny unikalny numerek gadu-gadu.


Gdzie i jak wstawić kod?

Przejdź do swojego chomika klikając w "edytuj mój profil i opcje"




Kliknij w przycisk HTML




Pojawi się biała ramka do bezpośredniego wpisywania kodu HTML. Klikamy w niej prawym przyciskiem myszy i z menu kontekstowego wybieramy opcję WKLEJ. Pojawi się wówczas nasz skopiowany wcześniej kod. Kod wklejamy tam gdzie chcemy mieć swój status Gadu Gadu.




Zaakceptuj wklejony kod, poprzez naciśnięcie przycisku "Aktualizuj"




Na koniec zapisujemy wszystko przez naciśnięcie przycisku "Zapisz zmiany"




Gotowe :-)


Przedstawione tu kody z możesz wykorzystać nie tylko w portalu chomikuj.pl, ale również na swoim blogu, forum internetowym, czy stronie domowej.

28. Seria komunikatów

Niedawno opisywałem jak zmusić użytkownika portalu chomikuj.pl do przeczytania zdefiniowanej przez nas wcześniej wyskakującej informacji. Dziś nie będziemy nikogo zmuszać, ale damy mu wybór. Przygotujemy skrypt, który wygeneruje specjalny przycisk. Dopiero po naciśnięciu przycisku, wyświetli się nam wcześniej zdefiniowany komunikat systemowy i to w trzech następujących po sobie okienkach. Przeglądająca stronę osoba, będzie musiała potwierdzić wszystkie komunikaty przyciskiem ok, aby móc dalej przeglądać zawartość naszego profilu. Poniżej możesz zobaczyć przykład takiego nietypowego przycisku:

Jak wygląda kod takiego przycisku (buttona) z komunikatami jak powyżej?

<form>
<input type="button" value=" Przeczytaj te informacje "
onClick="alert('To jest informacja pierwsza');alert('To jest druga informacja');alert('To jest trzecia informacja')")>
</form>

Kod w bardzo prosty sposób możesz dostosować do własnych potrzeb. Przykładowo podany przeze mnie tekst podmień na swój własny i już możesz wstawiać kod na chomika. Przyjrzyj się dokładnie jak wygląda cały kod. Z łatwością dodasz komunikat czwarty, piąty, szósty itd... jeżeli tylko będziesz miał(a) taką potrzebę. Wstawiamy przygotowany kod na chomika.

Najpierw go skopiuj z powyższej ramki.
Przejdź do swojego chomika klikając w "edytuj mój profil i opcje"




Kliknij w przycisk HTML




Pojawi się biała ramka do bezpośredniego wpisywania kodu HTML. Klikamy w niej prawym przyciskiem myszy i z menu kontekstowego wybieramy opcję WKLEJ. Pojawi się wówczas nasz skopiowany wcześniej kod. Kod wklejamy tam gdzie chcemy mieć przycisk.




Zaakceptuj wklejony kod, poprzez naciśnięcie przycisku "Aktualizuj"




Na koniec zapisujemy wszystko przez naciśnięcie przycisku "Zapisz zmiany"




Gotowe :-)
Masz swój własny unikalny przycisk :-)
Pamiętaj! W miejscu w którym wpisujesz swój własny komunikat, nie działają znaczniki HTML. Możesz wpisać tylko i wyłącznie czysty tekst. Kod seryjnych komunikatów systemowych, możesz wykorzystać również na innych stronach internetowych, nie tylko w chomikuj.pl

27. Prima Aprilis 2010

Zastanawiałem się, czy twórcy portalu chomikuj.pl nie zapomną o zrobieniu jakiegoś żartu swoim użytkownikom z okazji Prima Aprilis. Co się okazało - nie zapomnieli..
Wczoraj tj. 01.04.2010 roku, grafik portalu chomikuj.pl zrobił wszystkim użytkownikom niezły kawał. W topie strony, zamiast tytułowego chomika, pojawił się... kameleon!



Trzeba przyznać, że pomysłów twórcom chomika nie brakuje (gustowny kapelusik). Zastanawia mnie co sobie pomyśleli użytkownicy.. Co było pierwsze? Kameleon? Czy chomik? A może to kameleon zmieniony w chomika? ;-) A może nie tu trafiłem, gdzie chciałem? Jedno jest pewne - portal chomikuj.pl ciągle się zmienia dostarczając swoim użytkownikom coraz to bardziej użyteczne rozwiązania. To bardzo dobry kierunek..

26. Wyskakujący komunikat

Dziś pokażę Wam jak przygotować wyskakujące okienko systemowe na profilu w portalu chomikuj.pl. Przykład takiego zastosowania, znajduje się na chomiku aisha80. Od razu po wejściu, zanim wczyta się cała strona, wyskoczy informacja z wcześniej zdefiniowanym tekstem.



Do czego możemy wykorzystać okienko systemowe?

Dobrym pomysłem takiego zastosowania jest moment, w którym udostępniamy w danej chwili free transfer. Możemy ułatwić odwiedzającym odnalezienie takiego folderu z włączoną opcję FREE na naszym chomiku, zamieszczając np. taki oto komunikat:

Witaj, w folderze FILMY trwa właśnie FREE TRANSFER! Oznacza to,
że wszystkie pliki z tego folderu pobierasz na mój koszt!

Na pewno zwróci to uwagę innych, ponieważ nie ma możliwości, aby odwiedzająca nas osoba nie zauważyła komunikatu. Ponad to, aby mogła zobaczyć Twój profil, musi potwierdzić komunikat, wciskając przycisk OK.

Oto przykład kodu komunikatu systemowego w najprostszej postaci:

<p>
<script type="text/javascript"><!--
alert("Tutaj wpisz swój tekst..")
// --></script>
</p>

Skopiuj ten kod.
UWAGA! - wpisując swój tekst, nie używaj klawisza ENTER, ponieważ kod nie zadziała w naszym chomiku.
Gdzie masz wkleić skopiowany wyżej kod?

Przejdź do swojego chomika klikając w "edytuj mój profil i opcje"




Kliknij w przycisk HTML




Pojawi się biała ramka do bezpośredniego wpisywania kodu HTML. Klikamy w niej prawym przyciskiem myszy i z menu kontekstowego wybieramy opcję WKLEJ. Pojawi się wówczas nasz skopiowany wcześniej kod komunikatu systemowego. Kod wklejamy na samej górze niniejszego okienka, aby komunikat pojawił się PRZED wczytaniem Twojej strony głównej, lub na samym sole, jeżeli chcesz, aby komunikat pojawił się PO wczytaniu Twojej strony głównej. W obu przypadkach, foldery chomika pojawią się wówczas, gdy odwiedzający nas, potwierdzą przeczytanie komunikatu poprzez wciśnięcie przycisku OK.




Zaakceptuj wklejony kod, poprzez naciśnięcie przycisku "Aktualizuj"




Na koniec zapisujemy wszystko przez naciśnięcie przycisku "Zapisz zmiany"




Teraz powinien nam od razu wyskoczyć komunikat systemowy :-)



Druga wersja komunikatu z OK i ANULUJ.

Teraz pokażę Ci, jak wykonać inną wersję komunikatu systemowego z opcjami wyboru - potwierdzenia wejścia na stronę (OK) lub jej opuszczenia (ANULUJ).

Oto kod do skopiowania i wklejenie na swój profil, zgodnie z wyżej zamieszczonym opisem:

<p>
<script type="text/javascript"><!--
function Info()
{
if (!confirm("Twój tekst z opcją OK lub ANULUJ.."))
history.go(-1);return " "
}
document.writeln(Info())
// --></script>
</p>

Taki komunikat, nadaje się idealnie dla profili zawierających materiały pornograficzne. W okienko komunikatu, możemy bowiem wpisać taki tekst:

UWAGA! Profil zawiera materiały o treściach przeznaczonych tylko
i wyłącznie dla osób dorosłych. Jeżeli masz 18 lat, kliknij w OK,
jeżeli natomiast nie ukończyłeś(aś) 18 roku życia, naciśnij ANULUJ.

Po wciśnięciu przycisku ANULUJ, internauta przenosi się na poprzednią stronę na której przebywał. Jeżeli potwierdzi swój wiek klawiszem OK, wówczas wczyta się reszta naszego profilu.

UWAŻAJ! - nie przesadzaj z wykorzystaniem tego skryptu. Odradzam używania takiego rozwiązania, gdy zachcesz tam wpisać tylko:

Witaj! zapraszam do chomikowania itp etc..

Takie okienko może być irytujące dla osób, które często Cię odwiedzają. Komunikatu systemowego, używaj tylko i wyłącznie wtedy, kiedy masz coś bardzo ważnego do przekazania odwiedzającym Cię osobom. Nie nadużywaj jego "mocy" absorbowania uwagi, ponieważ może mieć to skutek odwrotny do zamierzonego. Używaj go z głową, a na pewno przyniesie Ci oczekiwane efekty :)

Skrypt możesz zastosować nie tylko w portalu chomikuj.pl, ale również na swoich stronach internetowych.