Edycja szablonu PrintDesing - instrukcja

Witam za prośbą jednej z użytkowniczek msp postanowiłam wam przybliżyć wam edycję szablonu: PrintDesing.(KLIKNIJ ABY GO ZOBACZYĆ) Możecie go pobrać z tych stron:

• http://btemplates.com/2011/blogger-template-printdesign/
• http://www.premiumbloggertemplates.com/downloads/printdesign/

Jak zmienić tło ? (jesteśmy już zalogowani na bloggerze, mamy wgrany szablon)
1. Wchodzimy w "projekt"
2. Następnie klikamy "Edytuj kod HTML"

3. Na klawiaturze komputera/laptopu klikamy CTRL + F, po prawidłowym naciśnięciu powinno nam pojawić się takie okno:

4. Wpisujemy tam: /* Header, a dalej podążamy z pomocą pokazanych niżej obrazków:

Uwagi! 

• utworzyć link możemy na stronach takich jak: imageshack.us lub iv.pl (ja uzywam imageshack`a)
• kolor tła ustawiamy wtedy, gdy tło ma się nie przewijać (lista kolorów)

5. Zapisujemy i gotowe ; )

Jak dostosować własny tekst w rozwijanym menu ? (jesteśmy już zalogowani na bloggerze, mamy wgrany szablon)
1. Początek jest taki sam jak przy tle, projekt ==> edytuj kod HTML ==> CTRL + F
jednak tym razem w wyszkukiwarkę wpisujemy - <ul class='menus menu-secondary'> - wygląd menu przed edycją:

W miejscu gdzie pisze "Home" wstawiacie "Strona główna"

2. Teraz trzeba zmienić tekst, przykładowo:

Zamiast # wklajacie link do strony na którą ma was przenieść.
Słowo Business zastępujecie np napisem Instrukcje

<li><a href='#'>Polecane moviestars</a>  - przykład uzupełnionego testu !
<ul class='children'> (ten kod rozwija nasze menu)
<li><a href='#'>Kocicaaa2</a></li>
<li><a href='#'>Zejla</a></li>
<li><a href='#'>ArbuzeQ11</a>
<ul class='children'> (ten kod rozwija także menu już rozwinięte)
<li><a href='#'>Ona jest fajna xD</a>
</li>
</ul>
</li>
</ul>
</li>



Jak zmienić kolor menu ?(jesteśmy już zalogowani na bloggerze, mamy wgrany szablon)
1. Ponownie wchodzimy w projekt ==> edytuj kod HTML ==> CTRL + F, a wyszukiwarce wpisujemy - menu-secondary-container 

W jakim kolwiek programie graficznym np. Paint robicie obrazek cały na powiedzmy, zielono, żółto, czerwono lub jak tam chcecie. 

  < przykład jednolitego obrazka> 

Następnie tworzycie do niego link na stronce takiej jak imageshack.us lub iv.pl i postawiacie zamiast tego fragmentu podkreślonego na niebiesko.

W ten sposób powstanie wam zamiast niebieskiego, zielone menu i oczywiście zapisujemy!

2. Jednak to nie wszystko, teraz nadszedł czas na edycję menu po rozwinięciu:

Aby zmienić kolor zaznaczonego fragmentu zaznaczamy "rozszerz szablony widżetów"

A w wyszukiwarkę wpisujemy (CTRL + F) - .menu-secondary li li a

W tym fragmencie tekstu w miejscu podkreślonym na niebiesko podmieniacie kod koloru na inny. (LISTA KOLORÓW)


Pokaz slajdów (jesteśmy już zalogowani na bloggerze, mamy wgrany szablon)
1. Wchodzimy w projekt ==> edytuj kod HTML ==> CTRL + F i wyszukujemy - <!-- Featured Content Slider Started --> następnie podmieniamy to tak jak jest napisane na poniższym obrazku:

2. Tak samo postępujemy z innymi slajami; D