Zmienne nagłówki na blogu

1. Na początek wykonujemy dowolną ilość nagłówków (nie muszą być w takich samych rozmiarach)
Jeżeli nie potrafisz robić nagłówków, przydatne mogą okazać się te instrukcje:

• Jak zrobić przezroczysty nagłówek na bloga? (podświetlony)
• Jak zrobić "podwójny" nagłówek?

2. Wykonane nagłówki linkujemy na stronach, tj. imageshack.us, tinypic.com, inne

3. Następnie wchodzimy w UKŁAD naszego bloga ===> DODAJ GADŻET ===> HTML/JAVASCRIPT

i wklejamy do niego następujący 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>

4. W miejscu "URL ImagE" wklejamy link do nagłówka. Chcąc by na blogu było np. 5 nagłówków, zostawiamy do banner[4]="URL ImagE" a resztę bannerów (od piątego do dziewiątego) usuwamy. Zapisujemy i ustawiamy gadżet pod nagłówkiem.

5. Wchodzimy w PROJEKT ===> DOSTOSUJ ===> ZAAWANSOWANE ===> DODAJ ARKUSZ CSS, a tam wpisujemy:

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

6. Gotowe!

Automatyczne dodawanie posta

Hej ^^ mam dla was kolejna instrukcję :p
Tym razem pokaże wam co zrobić żeby post dodawał się automatycznie :)
Np. wyjeżdżamy gdzieś i ustawiamy żeby post dodawał się kiedy chcemy chociaż nas nie ma  :33

1. Wchodzimy na bloggera i napisz post
2.Jak już napiszemy posta klikamy publikacja

3.Mamy tam zaznaczone automatycznie a my musimy wybrać ustaw datę i godzinę

4. Wybieramy datę i godzinę :))

To tyle mam nadzieję że instrukcja się przydała ^^ buziaki 

Jak zrobić przezroczysty nagłówek na bloga? (podświetlony)

Efekt końcowy:

1. Na samym początku logujemy się na moviestarplanet, wchodzimy w "Miasto filmów", a następnie wykonujemy artbook z dowolnymi postaciami i dodatkami

2. Robimy zrzut ekranu (Jak zrobić zrzut ekranu?) i otwieramy jakiś program graficzny, np. Paint, by wyciąć potrzebny fragment zrzutu

3. Zapisujemy w plik w komputerze w formacie "PNG". Koniecznie!

4. Wchodzimy na stronę: sumopaint.com/app i wchodzimy w "Open the from computer" i otwieramy wcześniej zapisany obrazek

5. Jeżeli w punkcie czwartym zrobiliśmy wszystko tak jak należy, powinno to wyglądać mniej-więcej tak:

Naciskamy na, zaznaczony różową strzałką, przyrząd.Potem zaznaczamy białe tło, które jest nam niepotrzebne, i usuwamy je przyciskiem backspace

Backspace – (czasami może być oznaczony tylko strzałką w lewą stronę – ostatni klawisz w górnym rzędzie klawiatury numerycznej) służy do kasowania znaku, za którym znajduje się kursor. Po prostu kasuje po jednym znaku wstecz.

5. Czynność usuwania tła możemy powtarzamy tyle razy, dopóki białe tło nie zniknie

6. Teraz, chcąc zrobić poświatę, na górnym pasku klikamy "Layer",a  poniżej wyszukujemy "Layer Effects" i naciskamy "Outer Glow"

7. Dostosowujemy ustawienia poświaty i akceptujemy przyciskiem "OK"

8. Kiedy mamy już skończony obrazek, możemy go zapisać wchodząc w "File", a następnie wybierając "Save to My Computer"

9. Wpisujemy nazwę, wyznaczamy format PNG (by plik był przezroczysty) i zapisujemy przycikiem "Save". Gotowe!

Własny pokaz slajdów na blogu

Hej :) Dzisiejsza instrukcja będzie na pewno bardzo przydatna, a w szczególności dla osób, które nie za bardzo potrafią edytować kod HTML pobranych z Internetu szablonów. Na początek chciałabym jednak dodać, że niektóre treści, tj. moje dane google czy moje albumy zostały zamazane.

Co jest potrzebne, by utworzyć własny pokaz slajdów?

• obrazki - najlepiej dowolnych, ale tych samych wymiarów
• konto google

Gotowy pokaz slajdów:

Jak stworzyć własny pokaz slajdów i wstawić go na bloga?

1. Logujemy się na stronie: Picasa Web Albums. Jeżeli wcześniej mieliśmy już stworzone konto na blogger.com to wystarczy jedynie, że zalogujemy się tym samym loginem i podamy to samo hasło 

2. Kiedy zostaniemy już zalogowani, zobaczymy z pewnością wszystkie albumy z przesłanymi przez nas obrazami. Teraz naciskamy: "Prześlij" (na pasku tuż obok: Strona główna, Moje zdjęcia, Eksportuj)

3. Wybieramy pliki z komputera, które mają tworzyć nasz pokaz slajdów. Odczekujemy do momentu, kiedy zostaną załadowane u zapisujemy przyciskiem "OK"

4. Podgląd zapisanego albumu:

Na szarym pasku, koło okładki albumu (w tym przypadku niebieski obrazek), klikamy "edytuj". Ustawiamy informacje o albumie tak, aby był on publiczny w Internecie, po czym zapisujemy.

5. W zaktualizowanym albumie wybieramy dowolne zdjęcie. Pod nim widnieje napis "Dodaj podpis" - naciskamy go i wpisujemy opis obrazka, i ponownie zapisujemy

Tę samą czynność powtarzamy z również innymi obrazkami, przesuwając strzałkami.

6. Kiedy podpisy będą już gotowe, wracamy do podglądu całego albumu, naciskając na nazwę albumu, umieszczoną koło napisu "Moje zdjęcia"

7. Rozwijamy "Link do tego albumu" i wchodzimy w "Umieść pokaz slajdów"

8. Dostosowujemy ustawienia i kopiujemy wygenerowany kod HTML

9. Wchodzimy na blogger.com, potem w układ szablonu, na którym ma być umieszczony nasz pokaz slajdów i dodajemy gadżet HTML/JAVASCRIPT i wklejamy do niego kod HTML pokazu slajdów, po czym zapisujemy. Gadżet ustawiamy (najlepiej, ale nie koniecznie) nad postami.

10. Zapisujemy i gotowe! Jednakże, jeżeli wymiary naszego pokazu slajdów, nie będą pokrywać się z szerokością postów na blogu lub wielkością poszczególnych obrazów, edytujemy gadżet zmieniając wymiary szerokości - width i wysokości - height, podając inne wartości liczbowe.

11. Natomiast, jeśli chcemy pozbyć się dwóch zbędnych napisów pod pokazem slajdów (Wyświetl wszystkie i Uzyskaj własny) ponownie wchodzimy w gadżet z pokazem slajdów i usuwamy z niego ten fragment kodu:

12. Tym wszystkim, którym udało się zrobić pokaz slajdów, serdecznie gratuluję! Jednak w razie wszelkich nie dociągnięć proszę pytać w komentarzach do tego postu - postaram się pomóc.

Jak zrobić i wstawić na bloga puzzle?

Cześć! Dziś chciałabym wam pokazać jak w naprawdę prostu sposób można dodać na bloga własne puzzle lub puzzle oferowane przez stronę www.ipuzzle.pl.

Jak zrobić puzzle z własnym obrazem?
1. Wchodzimy na stronę www.ipuzzle.pl
2. Chcąc stworzyć puzzle z własnym obrazem naciskamy na napis: "Puzzle ze zdjęcia"

3. Wybieramy obraz z komputera o wielkości co najmniej 600 na 300 pikseli. Akceptujemy regulamin, a potem klikamy - "Wyślij zdjęcie"

4. Następnie dostosowujemy ustawienia puzzli i przechodzimy do kolejnych etapów, naciskając: "dalej>>"

• ilość elementów budujących puzzle (zmieniając wartość liczbową przy użyciu zielonych strzałek, automatycznie będzie zmieniać się podgląd)

• wypełniamy luki informacjami o obrazku, podając nazwę obrazu, jego krótki opis, a także podpis osoby dodającej puzzle

• na samym końcu ustawiamy jeszcze tylko: rozmiar zdjęcia, ilość najlepszych wyników na liście, opis obrazka, to, czy na stronie ma być przycisk: "ułóż puzzle" i kolorystykę (zmiany, które będziemy dokonywać, będą od razu pokazywane na podglądzie)

5. Teraz mamy już własne, gotowe puzzle! Gratuluję.

Puzzle na bloga lub stronę www oferowane przez www.ipuzzle.pl

1. Wchodzimy na stronę www.ipuzzle.pl
2. Chcąc dodać na stronę puzzle oferowane przez www.ipuzzle.pl, naciskamy: "Dla webmasterów"

3. W miejscu, do którego zostaniemy przeniesieni, wybieramy dowolny obrazek według własnego uznania

4. Podobnie jak w przypadku puzzli w własnego obrazu, tu również musimy dostosować odpowiednie ustawienia dla naszych potrzeb i upodobań. Kiedy mamy już wszystko wybrane, naciskamy: "Wyślij"

5. Jeżeli wszystko zrobiliśmy dobrze, zostanie wygenerowany kod HTML, wyglądający (przykładowo) tak:

Jak wstawić puzzle na bloga?
1. Logujemy się na blogger.com
2. Wchodzimy w UKŁAD ===> DODAJ GADŻET ===> HTML/JAVA SCRIPT

3. Kopiujemy kod HTML naszych puzzli (tak samo jest w przypadku puzzli z własnego obrazu, jak również puzzli z strony www.ipuzzle.pl) i wklejamy w ten gadżet. Zapisujemy i gotowe!

Myślę, że sobie poradzicie. W razie czego zachęcam do przeczytania dokładniejszych opisów zamieszczonych przez stronę www.ipuzzle.pl. Miłego układania

Jak dodać do szablonu bloggera rozwijane menu?

Cześć. W pobranych szablonach takich jak, np. Print Design, po wgraniu na bloga, możemy zmieniać menu, slajdy, kolor tła, linków, a także innych dodatków za pomocą edytowania kodu HTML. Jednakże ten post powstał specjalnie dla osób, które nie potrafią tego robić, a chcą by na ich blogach był zwykły szablon bloggera z rozwijanym menu.

Przykładowe menu:

Jak zrobić górne, rozwijane menu?

1. Wchodzimy na stronę: http://profilki.blogspot.com/2012/12/generator-menu-rozwijanego-gornego.html

2. Po wejściu na podany wyżej blog, powinno wyskoczyć nam następujące okno:

3. Najpierw wybieramy typ naszego menu

4. W puste, białe miejsca należy wstawić kod HTML wybranych kolorów.
Strony, na których można znaleźć kody HTML kolorów:

• http://windows.home.pl/kolory.htm
• http://pl.wikipedia.org/wiki/Kolory_w_Internecie
• http://webmaster.helion.pl/kurshtml/kolory/kolory.htm

Przykład:

5. Na kolejnym etapie tworzenia menu dostosowujemy napisy

Dolną kropką dodajemy kolejne strony, a boczną podstrony.

W polu "adres WWW" wklejamy link do miejsca, gdzie mamy zostać przeniesieni po kliknięciu.

6. Kiedy mamy już gotowe menu, możemy wstawić je na bloga:

Pierwszy sposób:

• logujemy się na blogger.com
• wchodzimy w UKŁAD ===> DODAJ GADŻET ===> HTML/JAVASCRIPT ===> kopiujemy kod i wklejamy (najlepiej wstawić menu tuż nad postami)
• zapisujemy

Drugi sposób:

• logujemy się na blogger.com
• pod menu i kodem HTML znajduje się napis: "Na bloga!" - klikamy go
• wybieramy blog, na którym ma się znaleźć menu i naciskamy: "Dodaj widżet"
• ustawiamy go (podobnie jak w pierwszym sposobie) nad postami i zapisujemy

Dla osób zainteresowanych generator rozwijanego, bocznego menu: http://profilki.blogspot.com/2012/11/generator-menu-rozwijanego-bocznego.html