Szablon z pokazem slajdów i rozwijanym menu

EDIT: byłam śpiąca i się sypnęłam, na zdjęciach widzicie nazwę informacjemoviestarplanet.tk, oczywiście prawidłowym adresem jest informacjemoviestarplanet.pl

Cześć! Postaram się dziś Wam wytłumaczyć, jak wgrać szablon z pokazem slajdów i rozwijanym menu na blogspota. 

Wiele różnych rodzajów szablonów z pokazem slajdów możecie ściągnąć ze strony bttemplates.com (KLIK!). Moja instrukcja będzie przedstawiała jednak instalację tego szablonu, który kiedyś miałyśmy na tym blogu. Jak chcecie inny, to wskazówki zawarte w tym poście na pewno Wam się przydadzą, ale kombinować będziecie musieli już sami, toteż nie proście o tłumaczenia dot. poszczególnych szablonów, gdyż tworzenie takiej instrukcji jest niezwykle praco- i czasochłonne.

Oto szablon, na którym będziemy pracować: PrintDesign (KLIK!)
przykład tego szablonu: (KLIK!)

1. Wchodzicie na powyższą stronę i klikacie Download. Powinien Wam się ściągnąć plik o nazwie PrintDesign.zip

2. Następnie odwiedzamy panel bloggera (KLIK!)

3. Wybieramy Szablon -> Utwórz/przywróć kopię zapasową -> Pobierz pełny szablon. Zrobimy sobie kopię zapasową wyglądu, gdyby w razie co, coś poszło nie tak (choć nie powinno:)

 

4. Gdy już ściągniesz kopię zapasową, kliknij na wybierz plik i odnajdź plik PrintDesign.xml.
"Dostaniesz" ten plik po wypakowaniu pliku .zip, który ściągnąłeś na początku.
Instrukcja, jak wypakować .zip (film na youtube) – KLIK!

• pamiętajcie, że do wypakowania potrzebujecie programu WinRar; ściągniecie go za darmo stąd: (KLIK!)

uwaga! jeśli instalujesz inny szablon, pamiętaj, by zawsze wysyłać plik w formacie .xml

5. Możemy już odwiedzić naszego bloga. Szablon jest wgrany, niestety wciąż menu i pokaz slajdów nie spełniają naszych oczekiwań. Zacznijmy od pokazu slajdów…

POKAZ SLAJDÓW

1. Wchodzimy ponownie w SZABLON w panelu blogspota. Tym razem klikamy Edytuj kod HTML, a następnie Kontynuuj

2. Znajdujemy 

<!– Featured Content Slider Started –>

np. przy użyciu kombinacji klawiszy CTRL + F (wpierw trzymanie przyciśniętego przycisku CTRL i w trakcje trzymania klikamy literę F), potem wpisujemy w wyskakującym okienku powyższy kod (ważne! nie pomyl się) i klikamy enter.

3. Postępujemy według instrukcji na poniższym filmiku

uwaga: wszystkie adresy powinny być z http:// na początku, nie można tego pomijać

ROZSUWANE MENU

1. Wchodzimy ponownie w SZABLON w panelu blogspota. Klikamy Edytuj kod HTML, a następnie Kontynuuj

2. Znajdujemy  

<div class='menu-secondary-container'>

3. Postępujemy według instrukcji na poniższym filmiku
uwaga: wszystkie adresy powinny być  z http:// na początku, nie można tego pomijać

 

Tak właściwie, to na tyle  . Szablon jest wgrany i zedytowany.

Jeśli napotykacie jakieś błędy, obejrzyjcie filmik ponownie, tym razem ze skupieniem. Pamiętajcie, aby przypadkiem nie dodać ani nie usunąć żadnego znaku z kodu (poza tymi ukazanymi na wideo), bo może to zepsuć cały kod.

 

ZANIM ZADASZ JAKIEKOLWIEK PYTANIE, OBEJRZYJ DOKŁADNIE FILMY. NAJPRAWDOPODOBNIEJ ODPOWIEDŹ JUŻ W NICH WIDNIEJE.

 

Powodzenia!