piątek, 30 marca 2012

Jak zrobić losowy nagłówek

Siemka ! :D
Kolejna instrukcja, jak zrobić na blogu losowe nagłówki.
1. Zrób od 2 do 10 (można więcej) nagłówków, dobrze gdyby były one o tych samych wymiarach. Jeżeli nie wiesz jak zrobić nagłówek z przeźroczystym tłem warto zajrzeć ->TU<-
2. Po zrobieniu nagłówków wejdź w projekt bloga (blogger.com i kliknij 'Projekt')
3. Kliknij pod nagłówkiem albo zamiast niego 'Dodaj gadżet' a następnie poszukaj 'HTML/JavaScript' i kliknij obok tego niebieski plusik i tam wklej ten 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>

Oczywiście URLImagE zastąp adresami nagłówków (aby 'zalinkować' obrazek wejdź np. na tinypic.com i wgraj zdjęcie a następnie skopiuj ostatni link w żółtej ramce do obrazka)i potem wystarczy kliknąć 'Zapisz'
4. Po zapisaniu nagłówków znowu przejdź do projektu bloga (blogger.com i kliknij 'Projekt') a następnie kliknij 'Projektant szablonów'
5. Kliknij 'Zaawansowane' a następnie 'Dodaj arkusz CSS' tak jak na obrazku poniżej:
(KLIKNIJ NA OBRAZEK, ABY POWIĘKSZYĆ)
6. Kliknijcie tam gdzie jest białe pole i pisze 'Dodaj arkusz CSS, aby zastąpić istniejące style...' i wklejcie to:
.random-header {margin: 0 auto; text-align: center;}
7. Kliknij 'Zastosuj do bloga' i gotowe ;)

2 komentarze:

Prześlij komentarz

Large Grey Polka Dot Pointer