Zaawansowany pokaz slajdów

Macie tutaj kilka stron, niestety po angielsku, ale zawsze można wejść w tłumacz Google i przetłumaczyć ;)
http://www.spiceupyourblog.com/2011/05/simple-stylish-jquery-featured.html
http://trickiezone.blogspot.com/2012/01/how-to-add-featured-post-slider-with.html
http://www.mybloggertricks.com/2011/06/jquery-image-slider-for-blogger-v3.html
http://www.spiceupyourblog.com/2011/06/blogger-tip-jquery-featured-slider.html
http://www.bloggertipandtrick.net/2010/04/smooth-jquery-featured-post-slideshow.html
http://www.1stwebdesigner.com/freebies/javascript-sliders-scrollers/ <-- na tej stronie jest duży wybór tych pokazów ;)
http://www.thesimplexdesign.com/2010/04/nivo-slider-awesome-jquery-slider-with.html
http://24works.blogspot.com/2010/12/11-featured-content-slider-for-blogger.html <-- najbardziej chyba polecam tą stronę ;)
Ale moim zdaniem lepiej jest pobrać szablon z takim pokazem slajdów ;)
Jeżeli nie wiesz skąd pobrać szablon ->KLIKNIJ TUTAJ<- jest tam również instrukcja jak zmienić obrazki w pokazie slajdów i jak zmienić linki w menu rozwijanym.
A jeśli dla Was te instrukcje, co linki do nich podałam wyżej są zbyt skomplikowane to piszcie w komentarzach a zrobię dokładną instrukcje i po polsku.
3majcie się i powodzenia ! ^^

Jak zrobić 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 ;)

Takie tam :D

Cześć ^^
Jak Wam leci? :D Mi świetnie! Boże jaram się tym, że jeszcze tylko 89 dni do lata, a do wakacji 97 bodajże ♥
Mega, mega, mega, już się nie mogę doczekać tego obijania się, basenu, lemoniady itd ♥ Właściwie to te wakacje będą dla mnie najlepsze! Najpierw kilka dni obijania się, potem 2 dni w Recklinghausen z siostrą i siostrzeńcem, następnie Turcja na 12 dni też z siostrą i siostrzeńcem oraz z jej koleżanką i koleżanki synem xD, potem Ełk na kilka dni u cioci, potem Sulęcin na tydzień z kuzynką i koleżanką a potem powrót do domu i wyjazd na biwak na 4 dni ze znajomymi a na koniec znowu powrót do domu i codziennie basen albo jezioro i znowu obijanie się aż do 3 września (bo 1 jest niedziela xd) ._. Boże daj nam już wakacje ;c
A Wy jakie macie plany na wakacje ? *u*
Jeszcze nie dość, że jaram się z powodu wakacji to jeszcze jaram się z tego, że za 12 dni przyjedzie do mnie siostra i siostrzeniec (ci co lecę z nimi do Turcji) no i przywiozą mi nareszcie mój naprawiony aparat, ponieważ moja bardzo mądra kuzynka chciała go zobaczyć i wzięła do ręki i bum spadł na ziemie i obiektyw się zepsuł c:
A tu macie dwie takie wakacyjne piosenki trolololo :

jeszcze tylko kwiecień, maj czerwiec iii..... WAKACJE ! :D

A tak na marginesie to zaraz napisze jakieś tam instrukcje, bo prosiliście o kilka nowych to zaraz będą ^^
To chyba tyle w tym temacie.
3majcie się !:D ♥

Zdjęcia z MSP

Boże nie wiem co mnie naszło na dodanie tych zdjęć, ale ok ;D
Może to dlatego, że znalazłam je jakieś kilka dni temu gdzieś tam w otchłani kompa :D

KLIKAĆ NA ZDJĘCIA JAK CHCECIE POWIĘKSZYĆ

Okej to nie jest z msp, ale lubię to ahaha ♥

 Ja i Krista chodziłyśmy po plaży i rozdawałyśmy prezenty :D

 U bibera w pokoju <lol>

 Tany, tany na imprezie u kogoś tam xD

 Ciuuufffcia :D

 Tap Madl xD

 Dżastinki wpadły do nas na imprezę :c

 A to nagłówek wykonany chyba przez Corala :D

 Diana trąbi mi do ucha :c

 Z serii 'Gorąca linia' huashueahuas c:

 Gorąca linia II xD

 No to lecimy :c

 Z imprezy 'Różowe żule'

 Ja zacieszona, Krista tap madl a ten na dole to jakiś chińczyk wepchał się nam w kadr ahahaha

 Nie wiem jak to skomentować xd

 To nie z msp, ale rysowałam sobie na czacie Ulki :D No spójrzcie tylko jakie dzieła :c

 Takie tam tańczymy sobie ^^

 A to z serii 'Takie tam z zaskoczenia' O.o

 Buzi, buzi :c

 Łeee ktoś mi na głowę wszedł ;[ Aga kurczak w szlafroku :D:D

 W majne ogrodzie :d

 Taka tam sesja w pokoju Biberaa :P

 Kolejne zdjęcie z serii 'Tap madl'

Takie tam jak wywijamy na parkiecie ♥

 Słit focia z imprezy u nie wiem kogo xD

 Jedni stoją jak słupy a my się bawimy :c

 A tu takie tam zwykłe, ja pijana <ok>

 Mrał ten chińczyk tak jarał Pałle, że musiałam zrobić słit focie.. Chińczyk jaki szok na widok Pałli w stroju kąpielowym, ach Tap Madl

 A tu taka jakaś fotka, ja się schowałam za łóżko ^.^

Skąd pobrać szablon na bloga, jak go wgrać i jak zmienić kilka rzeczy

Zamieszczam wszystko to w jednym poście, bo nie chce mi się rozkładać tego na kilka :D
SKĄD POBRAĆ SZABLON I JAK WGRAĆ GO NA BLOGA:
1. Wchodzimy na jakąś stronę z szablonami, polecam tą [KILKNIJ!] bo na niej jest chyba największy wybór tych szablonów.
2. Wybieramy szablon jaki nam się spodobał, w moim przypadku to będzie szablon z slideshow i menu rozwijanym. A i jeszcze jak chcecie wyszukać szablon(tzn. wybrać jaki ma mieć kolor, co ma zawierać itd) to kliknijcie na 'TEMPLATE SEARCH'






A dalej postępujcie tak jak pisze na obrazku poniżej :

(KLIKNIJ NA OBRAZEK, ABY POWIĘKSZYĆ)

3. Gdy już macie wybrany szablon klikacie na niego i klikacie 'Download'

A następnie otwieracie folder w którym zapisał się szablon i najlepiej przeciągnijcie go na Pulpit. (Jeżeli nie wiesz jak to zrobić, spójrz na poniższe obrazki, oczywiście to jest w przeglądarce Google Chrome, w innych nie wiem jak to zrobić, ale raczej tak samo xD)

1

2

3

4. Okej, już mamy nasz szablon na Pulpicie, teraz czas go wypakować.

Klikamy prawym przyciskiem myszki na nasz szablon, klikamy 'Extract here' (tak pisze jak ktoś ma wersje angielską programu WinRar) lub 'Wypakuj tutaj' (jak ktoś ma polską)

A jeżeli nie macie programu WinRar to możecie go ściągnąć szybko i bezpiecznie stąd: [KLIKNIJ TUTAJ!]

5. Teraz po wypakowaniu szablonu zapewne wyświetlił się folder z szablonem, klikamy na niego.

Następnie przeciągamy nasz szablon na pulpit.

Po przeciągnięciu szablonu na Pulpit możecie usunąć ten folder.

6. Wchodzimy w projekt naszego bloga (blogger.com i klikamy 'Projekt')

7. Klikamy 'Edytuj kod HTML'

8. Klikamy 'Wybierz plik'

9. Wybieramy nasz szablon

10. Klikamy na blogu 'Przekaż'

11. Wyświetli nam się ostrzeżenie, klikamy 'ZACHOWAJ WIDŻETY'

I mamy już szablon na blogu.
JAK ZMIENIĆ LINKI W ROZWIJANYM MENU:
1. Wchodzimy w projekt naszego bloga (blogger.com i klikamy 'Projekt')
2. Klikamy 'Edytuj kod HTML' a jeżeli nie możesz tego znaleźć to cofnij się wyżej do punktu 7
3. Klikamy Ctrl i F
4. U góry z prawej strony wyświetli nam się takie coś:

Tam wpisujemy <li><a expr:href='data:blog.homepageUrl'> i wyświetli nam się takie coś :

(KLIKNIJ NA OBRAZEK, ABY POWIĘKSZYĆ, BO TAM JEST WYTŁUMACZONE CO I JAK DALEJ TRZEBA WPISYWAĆ)

I w sumie to tyle, teraz wystarczy kliknąć 'ZAPISZ SZABLON' i gotowe.
JAK ZMIENIĆ ZDJĘCIA, TYTUŁ ITD W POKAZIE SLAJDÓW:
1. Wchodzimy w projekt naszego bloga (blogger.com i klikamy 'Projekt')
2. Cofnij się wyżej i przeczytaj punkty 2,3 i 4
3. Teraz z kolei wpisujemy <!-- Featured Content Slider Started -->
4. Wyświetli nam się takie coś :

(KLIKNIJ NA OBRAZEK, ABY POWIĘKSZYĆ, BO TAM JEST WYTŁUMACZONE CO I GDZIE TRZEBA WPISAĆ)
I to też tyle co do pokazu slajdów, wystarczy kliknąć potem 'ZAPISZ SZABLON'
ALE UWAGA!! Jeżeli coś pomylicie, wkleicie link tam gdzie nie trzeba itd to szablon nie zapisze się.

JAK ZMIENIĆ ROZMIAR NAGŁÓWKA I TŁO:

1. Wchodzimy w projekt naszego bloga (blogger.com i klikamy 'Projekt')

2. Cofnij się wyżej i przeczytaj punkty 2,3 i 4

3. Teraz wpisujemy <style type='text/css'>

4. Wyświetli nam się takie coś :

(KLIKNIJ NA OBRAZEK, ABY PRZECZYTAĆ, BO NA NIM JEST WYTŁUMACZONE CO I GDZIE TRZEBA WPISAĆ)

I tyle, wystarczy kliknąć 'ZAPISZ SZABLON'.

Mam nadzieje, że coś z tego zrozumiecie i życzę powodzenia ;)