15 lipca 2015

Puzzle na bloga (na podstawie blogspot.com)

Puzzle na bloga (na podstawie blogspot.com)


Autor: Łukasz Toruński


Jak wstawić puzzle na bloga. Każdy bloger może dodać do swojego dziennika grę www, jeżeli wie jak to zrobić. Krótka instrukcja oparta na serwisie blogspot.com.


Każdemu blogerowi, prędzej czy później, choćby blog początkowo był pisany wyłącznie dla siebie, zaczyna zależeć na odwiedzinach Internautów. Oczywiście ciekawa treść najlepiej przyciąga odwiedzających. Co jednak zrobić, gdy chcemy, żeby nasz blog oferował coś jeszcze? Możemy sobie wyobrazić, że gra online oferowana na blogu sprawi, że Internauci będą chętniej do nas wracać i spędzać na naszym blogu więcej czasu. Przy okazji mamy większą szansę, że natkną się na nowy, ciekawy wpis. Dobrym dodatkiem na bloga będą więc puzzle online.

Serwisem oferującym darmowe puzzle na bloga i stronę wwwPuzzle Online (www.ipuzzle.pl). Instalacja puzzli na blogu lub stronie jest prosta, o ile mamy prawo wstawiać do wpisów lub innych elementów strony kodu html i javascriptu. Brzmi przerażająco? Niepotrzebnie. Za chwilę pokaże jak to zrobić, krok po kroku. Jako przykład wybrałem platformę blogową Googla - Blogger.com, oferującą bezpłatne blogi w domenie blogspot.com. Googlowe blogi oferują świetną funkcjonalność i duży stopień niezawodności przy zachowaniu bardzo prostej obsługi. Oczywiście czynności, które musisz wykonać, żeby wstawić puzzle na innego bloga, będą zbliżone. Szczegóły będą się różnić, natomiast zasady pozostają te same.

Pierwsze co musimy zrobić, to zdecydować, czy chcemy przygotować specjalny post, w którym zachęcimy czytelników do układania i rywalizacji z innymi Internautami, czy też wstawimy obrazek na panelu bocznym bloga, tak żeby zawsze był dostępny. Oczywiście nic nie stoi na przeszkodzie, żeby zrobić obie te rzeczy jednocześnie. Zacznijmy jednak od początku.

Pobieramy puzzle

Aby móc wstawić puzzle na naszą witrynę musimy odwiedzić sekcję serwisu Puzzle Online odpowiedzialną za dodatki na bloga. W tym celu w przeglądarce wpisujemy adres http://www.ipuzzle.pl/webmasters.php i podziwiamy mnogość obrazków, które mamy do wyboru. Gdy już zdecydujemy się na właściwe, pasujące do naszego bloga, zdjęcie, klikamy na nim.

Pojawi się krótki formularz, w którym musimy podać adres i nazwę naszego bloga oraz wybrać kilka parametrów. Wybieramy jaki ma być rozmiar zdjęcia prezentującego puzzle na naszej stronie. Jasne jest, że jeżeli puzzle wstawiamy do panelu bocznego, to odpowiednie będzie małe zdjęcie, a jak poświęcimy im osobny post, to możemy wybierać między małym a dużym. Ilość wyświetlanych najlepszych wyników to decyzja, która może podgrzać czytelników do rywalizacji. Oczywiście lista zabierze trochę miejsca, więc jeżeli nie przewidujemy pędu do rywalizacji, możemy z niej zrezygnować. Trochę miejsca zabierze też opis obrazka, z którego możemy zrezygnować, chyba że zależy nam na walorach edukacyjnych gry. Wybór, czy chcemy by przycisk "ułóż puzzle" był widoczny, to w gruncie rzeczy ocena domyślności naszych gości. Gdy wybraliśmy duży obrazek z opisem to taki przycisk będzie bardzo wskazany, natomiast gdy chcemy wstawić tylko miniaturkę zdjęcia na boczny panel, możemy zastanowić się czy z niego nie zrezygnować. Ostatnim elementem jest wybór kolorystyki naszego gadżetu. Od niej zależy jak dopasowane będą puzzle do naszego bloga. Na szczęście po każdej zmianie w formularzu widzimy podgląd na żywo naszego widżetu.

puzzleblog1

Gdy już jesteśmy zadowoleni z wyglądu, a dane, które wpisaliśmy są poprawne, wciskamy przycisk "wyślij". Pokazuje się strona, na której wyświetlany jest kod HTML, który musimy przenieść na swojego bloga. Kopiujemy ten kod do schowka, a dla pewności możemy też zapisać w jakimś pliku tekstowym i logujemy się do bloga.

Puzzle jako osobny post

Załóżmy na początek, że chemy polecić czytelnikom rywalizację w osobnym poście. Wchodzimy więc w tworzenie nowego posta - zakładka zamieszczanie postów/utwórz. Tego jak napisać tekst zachęcający do układania puzzli, nie będę tłumaczył wytrawnym blogerom. Gdy natomiast chcemy wstawić wygenerowany kod HTML, aby w odpowiednim miejscu pokazały się puzzle, przełączamy zakładkę edytora z "Nowy post" na "Edytuj kod HTML".

puzzleblog2

Po tej czynności pozostaje wkleić kod i opublikować post. Od tej pory możemy oczekiwać na komentarze czytelników, którzy będą pewnie się chwalić osiągniętym wynikiem.

puzzleblog3

Puzzle w panelu bocznym

Wstawienie puzzli do panelu bocznego nie jest wiele bardziej skomplikowane. Pamiętać należy tylko, żeby przy wypełnianiu formularza w serwisie Puzzle Online wybrać mały obrazek i zrezygnować jego opisu. Jest to konieczne, żeby szerokość widżetu nie była zbyt duża.

Aby zmienić panel boczny musimy, po zalogowaniu do bloga, przejść do zakładki "Układ" / "Elementy strony" i w odpowiednim miejscu wybrać "dodaj gadżet".

puzzleblog4

W okienku, które się otworzy wybieramy plusik przy pozycji "HTML/JavaScript" a następnie podajemy jakiś tytuł (np. puzzle) i większe pole wklejamy kod HTML pobrany z serwisu z puzzlami. Po akceptacji i zapisaniu układu bloga przy użyciu przycisku "zapisz", możemy podziwiać nowy układ. Proste, prawda?

puzzleblog5

Czy może to być atrakcyjny element dziennika internetowego, każdy bloger musi ocenić sam. Może jednak warto umieścić puzzle na próbę. Jest to element niewątpliwie ożywiający witrynę.
Techniczny Licencjonowane artykuły dostarcza Artelis.pl.

1 komentarz: