Jak zrobić zmienny nagłówek.

Cześć Wam, dzisiaj napiszę jak zrobić by po każdym odświeżeniu na Waszym blogu był inny nagłówek.


1. Na początek przygotowujemy sobie tyle nagłówków ile chcecie. Najlepiej by były o takich samych wymiarach.

2. Teraz przechodzimy do działu Projekt, dodajemy nowy gadżet HTML/JavaScript i tam wpisujemy następujący kod:

<script type="text/javascript">

var banner= new Array()

banner[0]="URLImagE"

banner[1]="URLImagE"

banner[2]="URLImagE"

banner[3]="URLImagE"

banner[4]="URLImagE"

banner[5]="URLImagE"

banner[6]="URLImagE"

banner[7]="URLImagE"

banner[8]="URLImagE"

banner[9]="URLImagE"

var random=Math.floor(10*Math.random());

document.write("<div class='random-header'><img src='" + banner[random] + "' /></div>");

</script>

Tam gdzie jest URLImage wklejacie link do swoich nagłówków(my linkujemy na tinypic.com, ale to już zależy od was, jeśli znacie inne strony). A jeśli chcecie więcej lub mniej nagłówków, np 4 to zostawiacie tylko do banner[3], a tam gdzie jest 10*Math będzie 5*Math.

3. Zapisujemy zmiany i przechodzimy do Projektant szablonów, a tam wchodzimy w Zaawansowane i Dodaj Arkusz CSS. Tam wpisujemy:

.random-header {margin: 0 auto; text-align: center;}

4. Zapisujemy i gotowe. Ja miałam problem z tym, że wciąż miała nagłówek lub napis, więc w Projektancie szablonów weszłam w  Zaawansowane>Tytuł bloga i ustawiłam 0px przez bo zniknął mi napis i miałam już tylko zmienne nagłówki.

To na tyle, mam nadzieję, że jest to w miarę zrozumiałe i uda Wam się zrobić na zmienne nagłówki na Waszych blogach. Jeśli macie jakieś pytania to piszcie je na mail lub pod tym postem w komentarzach (;

Posted in: POMOC NA BLOGA