czwartek, 16 sierpnia 2012

Jak dodać na bloga 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 ;)
 

0 komentarze:

Prześlij komentarz