W związku z licznymi zapytaniami na ten temat, publikujemy nasz kolejny poradnik. Tym razem dowiecie się z niego, w jaki sposób umieścić suwaczka na blogi serwisu Interia.pl


1. Skopiuj kod suwaczka do schowka

  • Zaloguj się do swojego konta na www.suwaczek.pl, a następnie przejdź do listy swoich suwaczków.
  • Kliknij w link: Pobierz kody znajdujący się pod suwaczkiem który chcesz wstawić na swojego bloga.
  • Kliknij w pole „Kod HTML” – znajdujący się tam kod powinien zostać automatycznie zaznaczony.
  • Skopiuj ten kod do schowka (Ctrl+C).
  • Otwórz Notatnik (Start->Programy->Akcesoria->Notatnik) i wklej do niego kod który masz w schowku (Ctrl+V)

2. Umieszczanie suwaczka na blogu

  • Zaloguj się do swojego konta na blog.interia.pl i z menu głównego wybierz opcję zarządzaj:
  • Pojawi się panel w którym możemy zarządzać wyglądem naszego bloga. Widok, który zobaczysz może nieco różnić się od tego przedstawionego na poniższym obrazku, w zależności od tego, jakiego szablonu używasz w swoim blogu:
  • Teraz musimy podjąć decyzję na temat tego, gdzie nasz suwaczek ma zostać umieszczony. Załóżmy, że chcemy, aby nasz suwaczek wyświetlał się zawsze na samej górze nad wpisami (ale pod górną belką). W tym celu z listy po prawej wybieramy jeden z przycisków o nazwie Dowolny i klikamy w tą część szablonu, w której widoczny jest blok Notatki. Nowy blok powinien pojawić się tuż pod blokiem Notatki:
  • Jako, że chcemy aby suwaczek był nad notatkami, musimy zmienić kolejność bloków. Do zmiany pozycji bloków służą strzałki, które znajdują się na każdym z bloków, klikamy w strzałkę „W górę” na bloku „Dowolny”. Teraz bloki powinny wyglądać tak jak chcieliśmy:
  • Kiedy blok „Dowolny” jest już we właściwym miejscu, klikamy w przycisk „Zatwierdź” znajdujący się na dole, a następnie na przycisk z literką „E” znajdujący się obok przycisków ze strzałkami, z których korzystaliśmy przed chwilą (w bloku „Dowolny”), zostaniemy przeniesieni do okna edycji bloku:
  • Przejdź do okna Notatnik i zaznacz tą część kodu suwaczka która jest umieszczona w cudzysłowu po tym fragmencie: src=, czyli tak jak na poniższym przykładzie:
    Notatnik z kodem suwaczka
  • Skopiuj zaznaczony fragment do schowka (Ctrl+C)
  • Przejdź z powrotem do edycji bloga i kliknij w przycisk „Wstaw obrazek”: Wstaw obrazek
  • Klikamy w pole znajdujące się obok przycisku „Wstaw obrazek ze schowka” fragment kodu który masz w schowku (Ctrl+V):
  • Jeśli wszystko jest tak jak na powyższym obrazku, kliknij „OK”
  • Suwaczek powinien pojawić się w oknie edycji Twojego bloga, klikamy w przycisk „Zapisz zmiany”:
  • Powróciliśmy do poprzedniego okna, w którym klikamy w przycisk „Zatwierdź”. Jeżeli chcemy zobaczyć, jak będzie teraz wyglądał nasz blog, klikamy w przycisk „Zatwierdź i zobacz”

Oczywiście ten opis to jedynie przykład, jeżeli zechcesz umieścić suwaczka w zupełnie innym miejscu, nic nie stoi na przeszkodzie. Blok z suwaczkiem możesz dowolnie przemieszczać w ramach wybranego szablonu. Możesz także dodawać kolejne suwaczki!