2014/12/24

Zmieniające się tło po odświeżeniu strony bloga


Jak to działa?

Po wstawieniu skryptu do kodu swojej strony lub bloga, po każdym odświeżeniu strony w tle pojawi się inna - losowo wybrana ilustracja.

Demo


Jak umieścić skrypt na Bloggerze?

W panelu Admina wejdź w Szablon => Edytuj kod HTML szablonu.
Kliknij w okno edytora, wciśnij kombinację klawiszy Ctrl + F, wpisz poniższy znacznik i wciśnij Enter.
</head>
Nad wyszukanym znacznikiem wklej poniższy kod:
<script type='text/javascript'>
var banner= new Array()
banner[0]='http://1.bp.blogspot.com/-K-knNCvDWtc/VJHJtTHtvBI/AAAAAAAAGpk/q2-6HfQ8dMs/s1600/1-sebastian-boguszewicz.jpg'
banner[1]='http://2.bp.blogspot.com/-MyvNXNSqZMI/VJHJu2_OFPI/AAAAAAAAGpw/bxR9aCo58bU/s1600/10-daniel-beilinson.jpg'
banner[2]='http://3.bp.blogspot.com/-nQMHvnH0nEA/VJHJ5Ke7JQI/AAAAAAAAGqU/XrdHJA_x6W8/s1600/7-ali-inay.jpg'
banner[3]='http://2.bp.blogspot.com/-FI6wKqaxfoA/VJHJ6VmC25I/AAAAAAAAGqg/-pj1dVbhvAw/s1600/6-ales-krivec.jpg'
banner[4]='http://1.bp.blogspot.com/-KSJhQckw-sA/VJHJvW6CpCI/AAAAAAAAGp4/dK65mNX4MC8/s1600/3-bec-brown.jpg'
var random=Math.floor(5*Math.random());
document.write("<style>");
document.write("body {");
document.write(' background-image:url("' + banner[random] + '");');
document.write(' background-attachment:fixed;' );
document.write(' background-repeat:no-repeat;' );
document.write(' background-size:100%;' );
document.write(" }");
document.write("</style>");
</script>

Na koniec Zapisz szablon.

Jak dostosować widżet?

Linki zamień na własne bezpośrednie adresy do obrazków.

Brak komentarzy :

Prześlij komentarz

Komentarze zawierające SPAM zostaną usunięte.

Szablon stworzony z przez Blokotka. Wszelkie prawa zastrzeżone.