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

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

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

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 link w gadzecie strony

rys.1

Nowy interface pulpitu nawigacyjnego bloggera jak wspomniałem w  poprzednim poście o nowościach w blogerze, umożliwia nam dodanie dowolnego własnego linka np. do strony Allegro.pl

Zatem aby dodać własny odsyłacz logujemy się do najnowszej wersji Pulpitu Nawigacyjnego na http://draft.blogger.com/home wybieramy blog w którym mamy dokonać zmian. [rys.1] następnie rozwijając menu klikamy na Strony
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Multimedia w Blogerze

rys.1

Wrzucamy pliki z wrzuty.pl lub dowolnego innego hosta umożliwiającego darmowe publikowanie. np kiwi6.com - już raz opisywane

Pliki zamieszczone na serwerach zewnętrznych możemy umieszczać w kodzie posta lub strony oraz w gadżetach - to tego celu najlepszym staje się Gadzet HTML/JavaScript.




10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Kategorie

Blogi tematyczne poruszające więcej niż jeden wątek i ich właściciele często domagają się wyjaśnień jak zrobić kategorie na blogerze. Sposobów jest kilka...
Posłużę się tu przykładem mojego z bloga.
Załóżmy że chce dodać opcje szablony gdzie będę zamieszczać znalezione w sieci szablony (czysta głupota więc nie liczcie na to) potrzebuje więc dodać nową kategorie do mojego bloga. Link najchętniej widziałbym w gadżecie strony umieszczonym tuż powyżej posta tak aby komponował się w całość bloga. Po kliknięciu w ww link blog powinien wczytywać ostatnie dodane szablony i mieć możliwość nawigacji do wcześniejszych itp.
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Nowa strona - Edytor

Piszemy nową stronę na blogu.

rys.1

W interfejsie Bloggera nie ma bezpośredniego odsyłacza do utworzenia pierwszej nowej strony, ot taka mała wpadka programistów. Aby przejść do jej utworzenia musimy kliknąć edytuj strony [rys.1] a następnie utworzyć nową. [rys.2]

rys.2

Strony piszemy podobnie jak posty  w blogu przy pomocy takich samych narzędzi. Blogger umożliwia nam napisanie 10 stron - jeśli nam ich zabraknie wystarczy skorzystać z tej sztuczki aby mieć ich nieograniczoną ilość.

10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Styl dla stron

Aby nasze strony automatycznie zmieniały wygląd użyjemy stylu warunkowego osadzonego w szablonie.
W kodzie szablonu wyszukujemy </head> i dopisujemy nasz warunek stylu CSS

<b:if cond='data:blog.pageType == "static_page"'>

<style>

body {background: url(http://www.blogger.com/img/bg_draft.png) repeat center center;} 

</style>
</b:if>

10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Pliki audio z serwera Kiwi6

rys.1

Wysyłamy plik Audio na serwer Kiwi6 
Po przejściu na serwer Kiwi klikamy SELECT FILES wskazujemy gdzie jest nasz plik muzyczny i klikamy Start Upload  - niewidoczny już na rys.1

Czekamy cierpliwie aż nasz plik zostanie przesłany na serwer po czym klikamy na jego linka Saved as:

w następnym oknie mamy już gotowe narzędzia do naszego bloga
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

więcej stron bloga

Strony mamy ich do dyspozycji aż 10, dla przeciętnego blogera to aż ponadto... Co jeśli jednak nie chcemy być przeciętni i potrzebujemy np 300 stron lub więcej :)
Poniżej sposób na dowolną ilość stron w naszym blogu.

10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

strona na start

Na początku wykonujemy czynności opisane szerzej tutaj...

Teraz już nasze przekierowanie działa i po wczytaniu strony głównej blogger jet przekierowany na wybrana stronę, ale właśnie po załadowaniu strony głównej co niezbyt ładnie wygląda :).

10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Kategorie - własna wiadomość wyszukiwania

Uwaga: Kompletny opis jak ukryć lub zmienić wiadomość wyszukiwania jest dostępny tutaj.
Niniejszy sposób jest przykładem wykorzystania ww wiadomości jako informacji o wybranej kategorii, i jest kontynuacją tego posta oraz wpisu dotyczącego własnych URL w gadżecie strony.


1. Edytujemy wiadomość na własną

Edytujemy szablon wyszukując w kodzie: <data:navMessage/> zaznaczamy poniższy cały kod 

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

i zastępujemy tym kodem po ewentualnej edycji:

<b:includable id='status-message'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'> 
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
Wybrano kategorię: <data:blog.pageName/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'>Wybrano kategorię: <data:blog.pageName/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
 <b:else/>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
 </b:if>
</b:includable>

<data:blog.pageName/> zwróci nam tytół jaki podaliśmy w linku czyli naszą nazwę kategorii


2.Usuwamy wiadomość wyszukiwania z kategorii

Jak poprzednio edytujemy szablon wyszukując w kodzie: <data:navMessage/> i dodajemy wpisy [czerwony kod]

<b:includable id='status-message'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</b:includable>

W tym przypadku jak i w poprzednim <data:navMessage/> możemy zastąpić własną wiadomością wyszukiwania.


10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110