Blogger: losowe cytaty - własny gadżet

Być może prowadzisz bloga na Bloggerze i chciałbyś dzielić się z Twoimi Czytelnikami złotymi myślami, które szczególnie zapadły Ci w pamięć. Wygodnym sposobem prezentacji Własnego zbioru cytatów może być własny gadżet - wyświetlający cytaty losowo.

Aby stworzyć taki gadżet, nie potrzebujesz specjalnej wiedzy technicznej - wystarczy Notatnik oraz trochę uwagi przy edycji tekstu.

 

I. Kod.

Zacznijmy od stworzenia odpowiedniego kodu. Uruchom Notatnik (w Windows 7 kliknij menu Start oraz wpisz pierwsze litery słowa "Notatnik" - powinien pojawić się na liście).

Następnie zaznacz poniższy kod, skopiuj go (skrót klawiaturowy CTRL+C) oraz wklej do Notatnika (CTRL+V).

<script type="text/javascript">

var liczba=3;
var losowa=Math.floor(liczba*Math.random());
var link="";
var autor="";
var cytat="";

if(losowa==0) {
link="";
autor="Autor cytatu";
cytat="Tu wklej cytat.";
} else

if(losowa==1) {
link="";
autor="Autor cytatu"
cytat="Tu wklej cytat.";
} else

<!-- Tu wklejaj kod dalszych cytatów -->

if(losowa==2) {
link="";
autor="Autor cytatu";
cytat="Tu wklej cytat.";
};

document.write('<p>"');
document.write(cytat);
document.writeln('"</p>');
document.writeln('<p><small><strong>');
document.write(autor);
document.writeln('</strong></small></p>');

</script>

Łatwo zorientujesz się, w których miejscach wpisać cytaty oraz ich autorów. Aby skrypt działał poprawnie, potrzebujesz jeszcze zachować pewną prawidłowość.

Zwróć uwagę, iż każdy cytat jest ponumerowany. Istotnym jest, aby zachować kolejność numeracji - oraz aby liczba we fragmencie

var liczba=3;

stanowiła sumę wszystkich cytatów. W powyższym przykładzie znajduje się miejsce na trzy cytaty - stąd liczba "3" jako suma.

Jeżeli chcesz dodać więcej cytatów, wystarczy skopiować zaznaczony na czerwono fragment i wkleić go zamiast fragmentu zaznaczonego na niebiesko. Czerwony blok tekstu stanowi kod odpowiedzialny za pojedynczy cytat - kopiuj go i wklejaj poniżej poprzedniego za każdym razem, kiedy chcesz dodać nowy cytat.

Przy dodawaniu nowych cytatów pamiętaj, aby w bloku każdego cytatu wpisywać odpowiednią - kolejną - liczbę we fragmencie

if(losowa==2)

Pamiętaj również, aby wspominana wcześniej suma we fragmencie

var liczba=3;

zgadzała się.

 

II. Instalacja na Bloggerze.

1. W Notatniku zaznacz cały gotowy kod (CTRL+A) oraz skopiuj go (CTRL+C).
2. Zaloguj się do panelu administracyjnego Twojego bloga.
3. Przejdź do działu "Układ".
4. Dział ten prezentuje symbolicznie wygląd Twojego bloga w postaci "klocków". Zlokalizuj "klocek" podpisany jako "Dodaj gadżet" oraz kliknij ten napis.
5. Na liście która się pojawi, znajdź pozycję "HTML/JavaScript" oraz kliknij znaczek "+" obok niej.
6. W oknie które się pojawi, umieść kursor w polu "Treść" i wklej tam cały kod (CTRL+V). Pole "Tytuł" możesz zostawić puste.
7. Kliknij przycisk "Zapisz".
8. Odśwież stronę Swojego bloga - losowe cytaty powinny być już wyświetlane w odpowiednim miejscu.