Kategorie i strona startowa w Blogerze dla opornych na wiedzę

Problem przerabiany tysiące razy nadal aktualny - jeśli tego nie załapiesz po obejrzeniu tego tutorialu to zostaw to i zajmij się czymś innym... i błagam nie pytaj jak dodać posty do nowej strony - bo Ci odpowiem Q**A!!! NIE DA SIĘ

Baza wiedzy w ww. temacie poniżej filmu, dodatkowe opisy w adnotacjach.



10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Edytor szablonów - wyszukiwanie i obsługa

rys.1

Nowy interface Bloggera zmienił zupełnie sposób edycji szablonów.
W stosunku do poprzedniego jest skierowany bardziej w stronę mniej zaawansowanych użytkowników.
Wbudowane algorytmy sprawdzające wręcz uniemożliwiają uszkodzenie kodu.

Doszło sporo nowych rozwiązań jak miedzy innymi kolorowanie i zwijanie kodu, nawigacja po dodanych widgetach oraz automatyczny podgląd niezapisanych jeszcze zmian.
Zupełnie odmienny sposób wyszukiwania w kodzie.
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Przekierowania 301 - 302

rys.1

Na stronie głównej bloga zawsze pojawiają się wszystkie posty. Można jednak to zmienić i pokazać np. posty oznaczone dowolną etykietą.
Aby tego dokonać użyjemy ustawień przekierowań trwałych dostępnych w zakładce ustawień bloga. To narzędzie daje nam całkiem spore pole do popisu ;), możemy bowiem przekierowywać nie tylko stronę główną lecz dowolny url w naszym blogu na zupełnie inny element.

Skupmy się jednak na przekierowaniach strony głównej...


10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Intro xHTML5 przed załadowaniem strony głównej

witam ponownie ;)
Loadery stron nadal maja wzięcie. Jak osadzić animacje widoczną tylko przed załadowaniem strony [intro] do bloggera. Można to uczynić na dwa sposoby.
Zagnieździć kod flash w odpowiednio spreparowanym szablonie lub lepiej zamiast animacji Flash kod xHtlm. Pisanie animacji pod HTML5 jest dość skomplikowane jednak większość programów ma już odpowiednie eksportery do tego języka. Jeśli nie masz lub nie znasz się zupełnie na kodowaniu, a posiadasz gotowego flasha to możesz konwertować jego kod przy pomocy narzędzia swiffy

Na prośbę jednej z moich koleżanek napisałem taki oto dość śmieszny kodzik intra którego efekt można podziwiać tutaj.

Jeśli jesteście zainteresowani jak przerobić szablon by tak zagnieździć intro piszcie w komentarzach.

Pozdrawiam.
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Przenosimy formularz kontaktowy na dowolną stronę

rys.1

Piszę tego posta bo nie chcecie się odczepić tego tematu :) zalewając moją skrzynkę nieustannymi prośbami...

Do rzeczy...
Na początek przenosimy nasz formularz najniżej na stronie jak się da. Czyli pędzimy do układu strony i przeciągamy go gdzieś w wolne miejsce np. do stopki strony. pozycja zupełnie nieważna i tak go nie będzie widać więc nie stresujcie się, wolność i liberalizm po całej linii...
Chodzi tylko o to by był załadowany po wczytaniu zawartości posta asynchronicznie przez Api naszego bloga, i nie powodował "kolizji".

Umieszczanie w lewym sidebarze też działa - pod pewnymi warunkami.
Nie będę się tu o nich rozpisywał, bo nie o tym mowa, zatem jeśli masz formularzyk w sidebarze i coś ci nie działa, to nie lamentuj tylko spróbuj go przenieść poniżej postów. [rys.1]
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Formularz kontaktowy - nareszcie :)

rys.1

Wreszcie pojawiła się oficjalna Apka dedykowanego formularza kontaktowego.

Gadżet znajdziecie ukryty w zbiorze dodatkowych gadżetów bloggera [rys.1] dodajemy go do bloga i ustawiamy gdzieś w wybranym miejscu układu elementów.

Zapewne większości jego wygląd nie przypadnie do gustu. Położenie jako widget też nie jest specjalnie idealnym rozwiązaniem.
Ja zmodyfikowałem jego kod i możecie go zobaczyć na stronie kontaktowej w moim blogu. Niebawem opiszę tutaj co i jak wykonać, by go tam przenieść.
Tymczasem zapraszam do testowania na własnych blogach ww gadzetu.
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Dziwne kolory grafik na blogu

W dniu dzisiejszym Blogger ma problem techniczny objawiający się zmianą kolorystyki grafik zamieszczanych na blogu.
Przyczyną tego zjawiska jest problem techniczny w systemach Picassy - czyli tam gdzie zamieszczamy nasze grafiki.
Zalecam przeczekanie wysyłania jakichkolwiek grafik szablonu nawet tych z transparentnym tłem - Picassa zmienia je dodając filtr przez co stają się nieco ciemniejsze, lub odmiennego kolory niż przygotowane wcześniej tło, powodując tym samym iż nasze szablony wyglądają dość dziwnie.

Dla niecierpliwych polecam hostowanie tymczasowe na innym serwerze.

pozdr... 10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Strony - gadzet w googlowskim stylu

Ostatnio moda na chwytanie obiektów podczas przewijania strony.
Prawie każda www dziwnym trafem przytrzymuje na górze pasek nawigacji. Trend zapoczątkowany w Google+ przyjął się na dobre nawet Allegro.pl podchwyciło ten pomysł :)
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Własny gadzet Candy

Candy na bloga - co to jest i jak to zrobić...
Candy to nic innego jak kod odsyłacza który umieszcza na własnym blogu osoba promująca nasz blog. /i wyszło masło maślane masłem smarowane/ Jednym słowem jeśli chcecie by ktoś dodał waszą reklamę u siebie to albo musi on wkleić kod HTML tej reklamy do gadżetu Html/JavaScript lub przygotować odpowiednio guzik dodaj do bloga jako widget.


Typowym Candy jest grafika z odsyłaczem /obrazek/ czyli:

<a href="http://adres.naszego.bloga.blogspot.com">
<img src="http://adres.do.grafiki.jpg" /></a>

rys.1

Zacznijmy od wysłania grafiki do internetu. Polecam Imgur.com na darmowy hosting bannerów. Jest lepszy od Picassy bo wszelkie animowane grafiki z niego będą działać. Pomimo iż tego typu u pstrokaceń nie popieram, ale niech wam będzie kochane blogowiczki... W końcu Dzień Kobiet... 10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110