Rotacyjny baner graficzny (tutorial)
Od dawna szukałem takiego rozwiązania i znalazłem je przez przypadek na stronie anglojęzycznej. Do tej pory jako alternatywę stosowałem karuzele lub przeróżne skrypty pokazu slajdów. Jednak żadne z tych rozwiązań nie oferowały możliwości wyświetlania jednej nowej grafiki po każdym odświeżeniu strony...
1. Zaloguj się na swoim koncie blogger'a, następnie kliknij "Układ", "Dodaj gadżet" w wybranym miejscu i wybierz HTML/Javascript
2. Skopiuj kod z tego artykułu → Baner rotacyjny i wklej go do gadżetu
3. Zmień adres url reklamy na swoje linki i adres url grafiki na linki prowadzące do plików graficznych
4. Dostosuj wysokość i szerokość grafik poprzez edycję height=’60px’ oraz width=’468px’
5. Aby zwiększyć ilość wyświetlanych reklam po prostu dodaj kolejne linie zaczynające się od images[0] - pamiętaj o zmianie liczby w nawiasie.
6. Po dodaniu nowych grafik ich łączną sumę wpisz w nawias za new array. Na początku tego nie zrobiłem, ale mimo to wszystkie grafiki się wyświetlały.
7. Żeby reklama po kliknięciu wyświetlała się w nowym oknie dodaj przed href: target='_blank'
Osobiście stosuje to rozwiązanie przy wyświetlaniu polecanych książek i ebooków.
Instalacja skryptu banera rotacyjnego na przykładzie blogspota
1. Zaloguj się na swoim koncie blogger'a, następnie kliknij "Układ", "Dodaj gadżet" w wybranym miejscu i wybierz HTML/Javascript
2. Skopiuj kod z tego artykułu → Baner rotacyjny i wklej go do gadżetu
3. Zmień adres url reklamy na swoje linki i adres url grafiki na linki prowadzące do plików graficznych
4. Dostosuj wysokość i szerokość grafik poprzez edycję height=’60px’ oraz width=’468px’
5. Aby zwiększyć ilość wyświetlanych reklam po prostu dodaj kolejne linie zaczynające się od images[0] - pamiętaj o zmianie liczby w nawiasie.
6. Po dodaniu nowych grafik ich łączną sumę wpisz w nawias za new array. Na początku tego nie zrobiłem, ale mimo to wszystkie grafiki się wyświetlały.
7. Żeby reklama po kliknięciu wyświetlała się w nowym oknie dodaj przed href: target='_blank'
Osobiście stosuje to rozwiązanie przy wyświetlaniu polecanych książek i ebooków.
Komentarze
Prześlij komentarz