Forum Blogowe 17 lat!

Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów, fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu
FAQFAQ    UżytkownicyUżytkownicy  grupa Blogger Polska! na FBBlogger Polska!  GrupyGrupy  regulaminRegulamin RejestracjaRejestracja  ZalogujZaloguj

»  »  »  »  ::
Przesunięty przez: Htsz
2011-10-05, 12:02
Autor Wiadomość
Atre 
Blogger.Klub
Taka Katarynka


Imię: Agata
Pomogła: 1 raz
Wiek: 32
Dołączyła: 13 Cze 2011
Posty: 136
Miasto: Warszawa
Wysłany:    [blogger] Zmieniający się obrazek w nagłówku strony
Chyba nie umiem korzystać z opcji "szukaj" >.<
Znowu zwracam się do Państwa z prośbą o pomoc.
Chciałabym na sowim blogu z opowiadaniem (www w profilu) zrobić zmieniający się losowo obrazek w tytule. Chodzi o to, by przy każdym odświeżeniu strony czy przejściu do podstron zmieniał się obrazek w nagłówku. Mam 10 obrazków, jakby to miało jakieś znaczenie.

Z góry dziękuję za pomoc w postaci kodu i instrukcji, bądź trzepnięcia w łeb i odesłania do istniejącego już pewnie tematu :)
______________________________________________________
krewetki i szczypiorki.
 
  podziel si� tym postem na:



Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do grupy Bloggerów na FB

Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław
Wysłany: 2011-10-05, 10:01   random header blogspot - losowy obrazek w nagłówku

Cytat

Znowu zwracam się do Państwa z prośbą o pomoc.
do którego państwa? Blogeria w Nibylandii ;P?

Problem okazał się nietrudny do wykonania, ale wymaga Javascript (bo na bloggerze nie działa php) - minusem tego rozwiązania jest to, że osoby z wyłączoną obsługą javascript nie zobaczą obrazków wcale.

1. Przygotowujesz sobie 2-10 (można więcej) obrazków, najlepiej o takich samych wymiarach*
2. Logujesz się na swojego bloga
3. przechodzisz do działu Układ
4. dodajesz w pasku pod nagłówkiem (lub zamiast niego) nowy gadżet HTML/Javascript i w treści wklejasz to:
Wiadomość (widoczna dla zarejestrowanych)
zamiast URLImagE podajesz adresy obrazków. W przypadku kiedy obrazków ma być mniej np. 5 to liczba wierszy dojdzie do banner[4] a zamiast 10*Math będzie 5*Math

5. Zapisujesz zmiany, potem także nowy układ
6. Przechodzisz do edytora szablonu i w sekcji CSS dopisujesz:

Kod

.random-header {margin: 0 auto; text-align: center;}

7. zapisujesz zmiany i gotowe

*wymiary obrazków warto dobrać tak, aby zmieściły się w polu na widżet "w sam raz".
Na moim próbnym blogu mam podstawowy szablon o nazwie "Prosty" (ten cały biały). W moim przypadku szerokość całego bloga wynosi 960px, ramka o nazwie .content-inner ma boczny margines 40px, ramka .section 15px a .tabs-inner (lub footer-inner gdy umieszczamy to w stopce) również 15px
Razem daje nam to (960px-80px-30px-30px=) 820px szerokości na obrazek. Można zrobić go takim lub pokasować marginesy w wymienionych divach.

Jaki jest efekt tego rozwiązania?
Przy każdym odświeżeniu strony z puli obrazków zostaje wylosowany jeden - czasem może być to ten sam, dlatego najlepiej wrzucać 5-10 obrazków żeby było z czego losować.

Jeżeli chcesz pokazać czytelnikom swojego bloga tę instrukcję napisz o niej kilka zdań i zamieść linka do tego tematu.
Nie publikuj u siebie rozwiązania, które dostępne jest tu tylko dla zalogowanych.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb
Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

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. :^^:
 
  podziel si� tym postem na:
Atre 
Blogger.Klub
Taka Katarynka


Imię: Agata
Pomogła: 1 raz
Wiek: 32
Dołączyła: 13 Cze 2011
Posty: 136
Miasto: Warszawa
Wysłany: 2011-10-06, 01:02   
Dziękuję ślicznie, już lecę wypróbować ten kod. :)
Co do "państwa", to przepraszam za literówkę.

[EDIT]
Już sprawdziłam - działa znakomicie :) Dzię-ku-je!

[ Komentarz dodany przez: Htsz: 06-10-2011, 01:42 ]
nie chodziło o literówkę :D
______________________________________________________
krewetki i szczypiorki.
 
  podziel si� tym postem na:
Herma 
Blogger.Klub

Dołączyła: 07 Kwi 2012
Posty: 0
Wysłany: 2012-04-10, 21:55   
Ja się zastanawiam nad punktem szóstym... Bo w którym konkretnie miejscu to wkleić? Wybaczcie, jeśli dla Was jest to oczywiste, ale jestem laikiem, a o takim szablonie marzę od dłuższego czasu :)
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław
Wysłany: 2012-04-10, 21:57   
Tam gdzie są inne elementy tego typu, zazwyczaj tuż na początku dokumentu, jeszcze w sekcji HEAD czyli tuż przed </head>, czasem pomaga odszukanie np. ]]>
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb
Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

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. :^^:
 
  podziel si� tym postem na:
abigail 
Blogger.Klub


Dołączyła: 24 Mar 2012
Posty: 62
Wysłany: 2012-06-12, 16:16   
Ja też korzystałam z tego pomysłu (tu)... I uważam, że to bardzo ładny "gadżet" :) ...
______________________________________________________
Koty: http://kociki-abigail.blogspot.com
 
  podziel si� tym postem na:
Petrolheads 
Blogger.Klub


Imię: Łukasz
Wiek: 35
Dołączył/a: 08 Cze 2012
Posty: 29
Miasto: Lubin
Wysłany: 2012-07-25, 00:10   
Próbowałem zrobić to samemu, ale poddaję się. Chciałem całkowicie zastąpić nagłówek bloga podanym skryptem Java. Udało mi się przenieść utworzony skrypt z sekcji widgetów do sekcji nagłówka, udało mi się ustawić marginesy, żeby nie był dziwnie przesunięty, ale nie udało mi się usunąć standardowego nagłówka. Przy próbie zapisania zmian w html blogger wyrzuca komunikat o błędzie (kod błędu bX-d2hh4k). Czyżby było to zabezpieczenie przed usuwaniem stałych elementów narzuconych przez portal? Może uda się to chociaż wyłączyć, albo ukryć?

Wszystkie zmiany robiłem na blogu testowym, o tu: http://petroltest.blogspot.com/
______________________________________________________
http://petrolheads-blog.blogspot.com/
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław
Wysłany: 2012-07-25, 00:23   
Nie da się skasować nagłówka w sekcji Układ? Duży nagłówek jest zwykle gadżetem. Jeżeli nie ma opcji "usuń" w ustawieniach to wykonaj nastepujace czynności:

1. Przejdź do edytora HTML, i odszukaj fragment wyglądający podobnie do tego:
Wiadomość (widoczna dla zarejestrowanych)
i zamień true na false.
Zapisz zmiany,
2. Wróć do zakładki Układ, edytuj gadżet nagłówek i powinien pojawić się tam przycisk "usuń" wciśnij go.
3. zapisz rozmieszczenie
4. Z bloga powinien zniknąć wbudowany Header.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb
Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

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. :^^:
 
  podziel si� tym postem na:
Petrolheads 
Blogger.Klub


Imię: Łukasz
Wiek: 35
Dołączył/a: 08 Cze 2012
Posty: 29
Miasto: Lubin
Wysłany: 2012-07-25, 00:30   
No tak, w sumie nie wpadłem na najprostsze, żeby po prostu odblokować nagłówek :wstyd: Wielkie dzięki za pomoc. Teraz tylko postaram się wymodzić coś, co sprawi, że w razie gdyby ktoś miał wyłączony javascript, pojawi się statyczny obraz. Jak uda mi się coś wymyślić to się podzielę ;)
______________________________________________________
http://petrolheads-blog.blogspot.com/
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław
Wysłany: 2012-07-25, 00:42   
Wstaw go jako tło pod całość, najlepiej jedną z grafik rotatora. Jak obrazki dużo ważą to ktoś zauważy oba (zanim załaduje się ten z rotatora) przez chwilkę, ale przynajmniej nie będzie trzeba kombinować z wykrywaniem wyłączonego javascriptu ;)
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb
Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

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. :^^:
 
  podziel si� tym postem na:
Petrolheads 
Blogger.Klub


Imię: Łukasz
Wiek: 35
Dołączył/a: 08 Cze 2012
Posty: 29
Miasto: Lubin
Wysłany: 2012-07-25, 00:52   
O tym właśnie myślałem. Bo kombinowanie z wykrywaniem uruchamiania skryptów wykracza nieco poza moje umiejętności. Czyli nie podzielę się rozwiązaniem, bo Htsz mnie ubiegł.

[ Dodano: 12-10-2012, 22:28 ]
Sorki za post pod postem i za to, że miałem odpoczynek od forum ;)

Wymyśliłem lekarstwo na obrażonych na javascript. Jeśli wstawiliśmy sobie rotator, który zaproponował Htsz, przeglądający stronę zobaczy go pod warunkiem włączonego javascriptu w przeglądarce. Jeśli ma go wyłączonego, nie zobaczy nic, chyba że za znacznikiem </script> doda taką linię:

Kod

<noscript><img src="ODNOŚNIK_DO_OBRAZKA?no-js=0" /></noscript>

Wtedy nawet przy wyłączonej obsłudze javascript baner będzie widoczny, jako statyczny obraz z linku który umieścimy w nowej linii kodu.
______________________________________________________
http://petrolheads-blog.blogspot.com/
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
»  »  »  »  ::
Odpowiedz do tematu
Nie możesz pisać nowych tematów. Zobacz szczegły.
Nie możesz odpowiadać w tematach. Zobacz szczegły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
 Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2024 Wrocław | modified by Przemo © 2003 phpBB Group.
↑ skocz na górę ↑   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony blogów i stron na wordpress
ogromna baza motywów WP, podzielona na kategorie tematyczne. Proste, jednostronicowe wizytówki lub zaawansowane układy, także z funkcją sklepu internetowego (ecommerce).
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz