Htsz 
Blogger Product Expert
Blogowicz.Team
Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
|
Wysłany:
2011-10-05, 11:25 [blogger] Rotator zdjęć (pokaz slajdów) w nagłówku
|
|
|
Poszukując rozwiązania dla problemu z tematu losowy obrazek w nagłówku bloga natrafiłem na pewien wpis*. Za pomocą skryptu Pokazu slajdów (slideshow) z Bloggera - który można dodać jako gadżet w menu bloga - da się wygenerować pokaz slajdów o dowolnej liczbie zdjęć i wielkości.
Instrukcja będzie na przykładzie bloggera, ale skrypt można zastosować na dowolnym blogu z obsługą HTML.
1. Potrzebujemy Zdjęć. Najlepiej wszystkich w tych samych rozmiarach i układzie - z uwagi na to, że ma to być rotator w nagłówku zdjęcia powinny być poziomymi prostokątami, najlepiej dodawać zdjęcia panoramiczne (mała wysokość).
2. Zdjęcia wgrywamy do albumu Picasa Web Albums (mamy konto Google w ramach bloga, więc za jego pomocą logujemy się do albumów i wgrywamy tam zdjęcia). Dzięki temu nie będziemy musieli się martwić o transfer, o to, że nam coś skasują oraz dostaniemy gotowy link RSS do naszej galerii.
3. Logujemy się na bloga i przechodzimy do działu Układ
4. Dodajemy nowy gadżet HTML/JavaScript w sekcji nagłówka i wklejamy tam kod:
i uzupełniamy po kolei:
width i height należy ustawić takie jak wysokość i szerokość naszych zdjęć (ja ustawiłem 800 i 450).
zamiast TUTAJ-URL-RSS-GALERII wklejamy odnośnik RSS do naszej galerii. Uzyskamy go poprzez wejście na stronie naszych albumów na Picasa w linka po prawej stronie w pasku menu o nazwie RSS, będzie to wyglądało mniej więcej tak:
niestety jeżeli pozostawimy ten odnośnik w takiej postaci to wrócimy do punktu wyjścia, czyli wyglądu zdjęć jak w standardowym gadżecie.
Do adresu należy dopisać na końcu: &thumbsize=800, gdzie 800 do szerokość naszych zdjęć. W ten sposób miniaturki do pokazu będą się ładowały w pełnym wymiarze**.
Zamiast napisu "Loading..." możemy wpisać cokolwiek np. "ładowanie" lub nic. Ten napis widać przez chwilkę tuż przed wczytaniem pokazu.
displayTime służy do określania czas wyświetlania w milisekundach. 5000 oznacza 5 sekund
transistionTime - czas przejścia
numResults - maksymalna ilość zdjęć w slideshow
5. Zapisujemy uzupełniony kod gadżetu i przechodzimy na bloga - powinien się tam wyświetlać pokaz slajdów z naszej galerii.
Jeżeli nie chcesz paska z opcjami "prawo lewo play" edytuj kod i zamień w "fullControlPanel" true na false
przykład:
http://prophotoblogs.blogspot.com/ (zamów taki szablon)
F.A.Q.
 znak wodny / logo na zdjęciach widoczne cały czas w rogu
dodaj losowanie zdjęć w pokazie slajdów
kilka pokazów na jednej podstronie
wyłączanie panelu z opcjami
Jak pobrać adres RSS albumu na Google+
Jak ustawić rotator tylko na stronie głównej (ew. na wybranej podstronie)
---
rotator polecanych wpisów (ze zdjęciami, tytułami i opisem)
Jak dodać więcej widżetów w sekcji nagłówka?
↓ Jeżeli sobie nie radzisz napisz do mnie ↓
|
______________________________________________________ nie radzisz sobie? pomoc indywidualna oraz blogi i strony na zamówienie
Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć lubię to! na facebooku.  |
|
FAQ
Szukaj
Użytkownicy
Blogger Polska!
Rejestracja
Zaloguj
Taki mi się generuje jak klikam w picasie: Link do tego albumu: 
No tak nie ten link wklejałam, uparłam się, że to musi być z tej rameczki po prawej....;) Dziękuję 
