Widget zależny od wyszukiwanej etykiety



Ten widget jest zależny od etykiet i wyświetlany tylko podczas wyszukiwania wybranych - Zobacz opis

środa, 18 maja 2011

Wydrukuj to...

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.
Rys.1


Zabieramy się najpierw do otagowania naszych postów i nadajemy każdemu z nich odpowiednią etykietę.
Posty z bloga mam już przypisane do etykiety blog, posty które będę pisał z szablonami oznaczam etykietą szablony.
Jeśli nasz blog nie miał wcześniej  ustawionych etykiet w postach nie czeka nas sporo klikania :) Blogger posiada opcje hurtowego nadawania etykiet wybranym lub wszystkim postom.
Klikamy na edytuj posty  i otwartym oknie wybieramy zaznaczając [rys.1] odpowiednie wpisy w naszym blogu do oznaczenia wybraną etykietą. Warto też zwiększyć ilość wpisów wyświetlanych w oknie do 300 klikając stosowną rozwijaną zakładkę. [rys.2]
Rys.2

Jeśli chcemy możemy użyć innych gotowych zaznaczeń Wszystkie, Wersje robocze, Zaplanowane, Zaimportowane, Opublikowane po czym klikamy na wszystko zaznaczając nasz wybór. Tak więc jeśli chcemy mieć wszystkie opublikowane posty w blogu oznaczone etykietą blog klikamy kolejno  Opublikowane - wszystko następnie rozwijamy Etykiety - czynności... i klikamy Nowa etykieta lub wybieramy z listy już dostępną podpinając tym samym wszystkie nasze wybrane posty do ww etykiety. [rys.3] Jeśli mamy więcej postów niż wyświetlane na stronie powtarzamy ww czynności aż do otagowania wszystkich
Nie przypisane posty nie będą się pojawiać w naszym blogu po zastosowaniu kategorii. 

Rys.3
Oczywiście wybieramy posty które mają się pojawić w naszej kolejnej kategorii i oznaczamy je odp etykietą.
Uniwersalność ww metody umożliwia nam dodanie posta do kilku kategorii - wystarczy dodać obydwie etykiety i gotowe.

Skoro nasz blog jest już gotowy na kategorie posłużymy się opcją szukania wg etykiety aby wczytać wszystkie kategorie na stronę główną.

Możemy zatem użyć gadżetu etykiety i umieścić go w miejscu paska stron przechodzimy zatem do Projektu a w zakładce Elementy strony dodajemy gadżet etykiety - w opcjach wybieramy wybrane etykiety zaznaczamy nasz wybór, polecam też poeksperymentować z innymi dostępnymi opcjami w tym gadżecie aby uzyskać pożądany efekt.
Zapisujemy i umieszczamy w odpowiednim miejscu. Pierwszy sposób najłatwiejszy już za nami. Po kliknięciu w wybraną etykietę blog wczyta nam odpowiednie posty.

Nowy interface Pulpitu nawigacyjnego umożliwia nam dodanie własnego linku do gadżetu strony (opis) co w zasadzie upraszcza i eliminuje korzystanie w z wyżej opisanych sposobów: własnego gadżetu i edycji gadżetu strony. W prosty sposób możemy teraz trwożyć dowolne kategorie, dodając linki wyszukiwania wg. etykiet jako własny link adresu internetowego.

Posługując się przykładem z własnym gadżetem możemy dodać np. takie adresy:

http://url.bloga.blogspot.com/search/label/BLOG?max-results=10
http://url.bloga.blogspot.com/search/label/SZABLONY?max-results=10
http://url.bloga.blogspot.com/search/label/DWUCZŁONOWE%20ETYKIETY?max-results=10
http://url.bloga.blogspot.com/search/label/Etykieta dwuczłonowa?max-results=10


Kilka słów objaśnień w kodzie: max-results to parametr zwracający nam ilość postów na jednej stronie. Najlepiej podać tam taką samą liczbę jak w ustawieniach strony. Osobiście zalecam nie więcej niż 10.
Warto też dodać adres strony startowej lub innych stron w blogu

Wielkość liter ma znaczenie, więc jeśli nasze etykiety są z dużej litery to pisząc je z małej w linku nie będą działać poprawnie. To samo dotyczy polskich ogonków i spacji, więc zwracamy uwagę na poprawność pisowni w ww. kodzie.


W efekcie otrzymamy strony które będą kategoriami otagowanych wpisów na blogu wg odpowiednich etykiet. Wczytają one ilość stron zadeklarowaną w wartości max-results, pozostaje nam tylko zmienić lub ukryć wiadomość wyszukiwania.

Możemy też pokusić się o napisanie własnego kodu.
Aby tego dokonać polecam gadżet HTML/JavaScript w którym wkleimy poniższy kod po wcześniejszej jego edycji do własnych potrzeb.

<ul>
<li><a href="http://url.bloga.blogspot.com/p/adres.strony.startowej.html">STRONA STARTOWA</a></li>
<li><a href='http://url.bloga.blogspot.com/search/label/BLOG?max-results=10'>BLOG</a></li>
<li><a href="http://url.bloga.blogspot.com/search/label/SZABLONY?max-results=10">SZABLONY</a></li>
<li><a href="http://url.bloga.blogspot.com/search/label/DWUCZŁONOWE%20ETYKIETY?max-results=10">3 kategoria</a></li>
<li><a href="http://url.bloga.blogspot.com/search/label/Etykieta dwuczłonowa?max-results=10">4 kategoria</a></li>
</ul>


Jeśli chcemy dodać więcej kategorii niż przedstawione cztery powyżej dopisujemy kolejne linie kodu
<li><a href='http://url.bloga.blogspot.com/search/label/kolejna?max-results=10'>KOLEJNA</a></li>
tuż przed znacznikiem </ul>

Zapisujemy gadżet i umieszczamy w dowolnym miejscu.

Powyższy sposób jest idealny dla większej ilości kategorii w blogu, natomiast jeśli chcemy dodać tylko jedną kolejną kategorię możemy dopisać ją np do gadżetu strony. Przechodzimy zatem do edycji szablonu zaznaczamy opcje Rozszerz szablony widżetów i wyszukujemy w kodzie type='PageList'
<b:widget id='PageList1' locked='false' title='Strony' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>

Edytujemy go dodając naszą kategorie
<b:widget id='PageList1' locked='false' title='Strony' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
<b:if cond='data:blog.pageType != "static_page"'>
<li class='selected'><a href="http://url.bloga.blogspot.com/search/label/SZABLONY?max-results=10">SZABLONY</a></li>
<b:else/>
<li><a href="http://url.bloga.blogspot.com/search/label/SZABLONY?max-results=10">SZABLONY</a></li>
</b:if>
</ul>
</div>
</b:includable>
</b:widget>

Zapisujemy szablon i gotowe. Prawie pozostaje nam jeszcze ukryć wiadomość wyszukiwania, ale o tym już było tutaj.

Przykład działania takiego menu z kategoriami zobaczysz na samej gorze strony ;)

Pozdrawiam...

10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Napisano już 43 komentarze/y. Aż się prosi coś dodać od siebie...
Już teraz przyłącz się do dyskusji i dodaj nowy komentarz


Podoba ci się modyfikacja sekcji komentarzy - opis znajdziesz tutaj: Tuning komentarzy

Anonimowy pisze...

Niesamowicie pomocne, dzięki!

MaryES pisze...

hej mam problem. W moim szablonie nie pojawia się coś takiego:


i tak dalej...Wkleiłam więc w miejscu o którym myślałam że to mój odpowiednik, jednak nie zadziałało. A bardzo mi zależy na tym, żeby podzielić bloga na kategorie inne tematycznie ale tego rodzaju co te u ciebie u góry bloga. Proszę o kontakt:)

stach pisze...

@maria poczytaj edited post

Unknown pisze...

Ale gdzie to wkleić w którym miejscu. Piszesz jak profesor na studiach a przecież większość osób zakładających blogi to laicy i nie rozumieją języka informatyki. Ja z tego co napisałeś nic nie rozumiem. Ale mam problem założyłem blog i podstrony ok na nowe podstrony mogę napisać jeden post. Jak zrobić i gdzie aby na podstronach można było umieścić lub dodać więcej postów tak jak np w stronach statycznych, bo w tych etykietach i kategoriach już się pogubiłem. chciałbym pisać posty na podstronach tak jak na stronie głównej.

stach pisze...

@Awatar czytaj i staraj się zrozumieć... w edited post napisałem że następują zmiany warto skorzystać z odsyłacza czasami własny link w gadżecie strony

Dodajesz etykiety do postów jak w opisie powyżej - później wywołujesz etykietę dodając jej link jako stronę - przykład na samym dole.

Unknown pisze...

Mimo wszystko twierdzę, że jest to pisane jak dla informatyka a nie zwykłego użytkownika. Próbowałem tych sposobów i nic nie wychodziło. Jeszcze raz proszę o łopatologiczne wyjaśnienie. Jak dodawać w bloggerze bezpośrednio posty na nowe strony pomijając główną, bo teraz wyświetla się na głównej a tylko jeden na podstronie. Jak rozumiem każdemu nowemu postowi trzeba nadać etykietę itd. Jest to skomplikowane o wiele prościej byłoby móc tworzyć nowe strony i tam dokonywać wpisów bezpośrednio czyli więcej niż jeden. Czy jest na to sposób? Jeśli tak to proszę o przykład zastosowania i jakie czynności podjąć typu kliknij/wklej tu lub tam.

Unknown pisze...

Czyżby moje pytanie okazało się zbyt skomplikowane dla informatyka? Jestem zdumiony czyżby blogger był dla osób mających do czynienia z informatyką? Gdzie tutaj miejsce dla zwykłych użytkowników? Moim zdaniem w stosowanych przez ciebie zmianach brakuje efektu tzn. co taka zmiana daje . Może podgląd widok przed zmianą i po zmianie kodu. Sprawa dodawania postów na podstrony wciąż otwarta.

stach pisze...

opanuj się AWATAR
do strony NIE MOŻNA dodać posta - a ja jak widzisz nie zawsze tu zaglądam.

sam sobie już odpowiedziałeś posty podpięte pod etykiety pojawiają się na głównej - niema innego sposobu na zrobienie kategorii na dzisiejszy dzień - usuń główną i zastąp ją jakąś stroną. Użyj sposobu na kategorie a osiągniesz cel.

Jeśli cię to przerasta podeślij mi zaproszenie zrobię to za ciebie... tylko opisz co i jak ma to dokładnie wyglądać.

pozdr...

Niebieska Kokardka pisze...

bardzo dziękuję, na mój małotechniczny umysł, notka ta jest jak Ameryka dla Columba:D
zaoszczędziłam czas, kto szuka ten znajdzie;)

crazy_girl269 pisze...

Proszę czy mógłbyś mi pomóc ? :( Chciałabym na swoim blogu zrobić takie ramki z kategoriami jakie ty masz na blogu (tzn. nie identyczne bo mam inny blog) ale chodzi mi o te na samej górze taki pasek ty masz tam : witaj...,narzędzia podstawy , kontakt ... mam nadzieję że wiesz o co mi chodzi ;P Chciałabym podobne i nie mam pojęcia jak je zrobić :(

Anonimowy pisze...

Dziękuję właśnie tego szukałam.
Super!!!

lila pisze...

Dziękuję bardzo udało się!

Angela pisze...

Witam ,
wszystko super działało (i działa) tylko pewnie coś spsociłam i przyciski mi się rozjechały .
Czy mógłbyś to zobaczyć. Zaproszenie już wysłałam.
Proszę.

Wojtek pisze...

Wszystko super. Ale po zrobieniu kategorii po tagu i przejściu do niego na stronie, nie jest podświetlany jako wybór.
Dla przykładu gdy wchodzimy na blog mamy podświetloną kategorię "strona głowna", po przejściu do innej kategorii już nie jest podświetlona.

Honia pisze...

A czy ktoś może wie, jak zrobić tak, żeby sam gadżet kategorie pojawił sie jako jedna ze stronna gornej listwie. Chodzi mi o taki efekt:
http://www.fabersky.com/

Podobno wwordpressie jest to banalne do zrobienia. Ja w blogspocie i emoge sobie poradzić :(.

ebabcia 52 pisze...

Blogerku,też cie lubię ale znowu wpis pojawił sie nie na wybranej stronie a na głownej.Z powodu tego że mamy święto nie będę sie wkurzać tylko napiszę że proponowane rozwiązania dla mnie są za bardzo skomplikowane,za trudne.Latwiej będzie zamiast walczyć z wpisami na pięciu stronach,mieć pięć tematycznych blogów.Tylko bardzo bym chciała żeby się dało je zgrabnie spiąć w jeden tytuł bloga E-BABCIA i potem dopięty Biznes,ciekawostki,itd.
Jak już odpoczniesz po zjedzeniu wszystkich pisanek i wyschniesz po dyngusie to pomyśl proszę jak to zrobić

Anonimowy pisze...

kurde ja dopiero co wzielam sie za tworzenie bloga i nic nie umiem i mam pytanie czy najpierw musze zamiescic jakies posty i dopiero jak ich troche bedzie ukladac w kategorie czy tez moge zaczac tak jakbym chciala najbardziej, czyli powpisywac kategorie i do odpowiednich pisac posty. moim marzeniem jest stworzyc blog o zwierzetach, a raczej psach i kotach, chcialabym miec kategorie glowne typu psy, koty, itd pozniej do psow podkategorie typu choroby, pielegnacja, zachowanie , rasy, a do tych podkategorii nastepne podkategorie, np do rasy :owczarki, molosy i do owczarkow najlepiej nastepne podkategorie typu owcz niemiecki, wegierski i przy tym dopiero zdjecia.bo jak zrobie rasy i wypisze wszystkie na jednej stronie to bedzie ona miala sto km. czy da sie to zrobic?

stach pisze...

@nat @E-Babcia pisz posty i oznaczaj je tagami /etykietami/ następnie podlinkuj wybrane etykiety w gadżecie strony OPIS możesz też użyć wybranych kategorii edytując ustawienia gadżetu kategorie robiąc w ten sposób menu z podkategoriami w pasku bocznym widgetów

Anonimowy pisze...

no tak ale jesli dodam post o owczarku niemieckim ktory jest w kategorii -owczarki, kat owczarki w kat rasy psów, a kat rasy psów w kat -rasy, to jaka etykiete dac?

stach pisze...

@nat nadaj obie etykiety "będzie tu i tu" - zabrzmiało jak pewna reklama :)

Astroni pisze...

To było wspaniałe i genialne w swojej prostocie! Dzięki!

A mam pytanie - jak już sobie tak ładnie podzieliliśmy tymi kategoriami/etykietami, to można to jakoś wykorzystać w kodzie CSS, żeby każdy z tych postów był automatycznie np. inaczej kolorowany? Rozumiesz, kategoria taka - color: blue, kategoria inna - color: green...

stach pisze...

@Astroni oczywiście że można, nie omieszkam napisać o tym niebawem na blogu.

Wystarczy użyć warunku data:label.name do wczytywania dowolnego stylu CSS.
O warunkach poczytasz tutaj: http://edytuj.blogspot.com/2012/04/conditional-tags.html ale data:label.name jest warunkiem LOKALNYM! wszelkie kody z nim związane muszą być zawarte pomiędzy tagami tam gdzie występuje w kodzie.

Anonimowy pisze...

Przede wszystkim dzięki za taki fajny opis, wszystko wydaje się klarowne, a i tak mi nie działa. Nie wiem czy to dlatego, że mam dynamiczny layout (który z tego co wiem, wielu opcji jeszcze nie obsługuje) czy może ja coś źle robię. No więc mam stworzone Strony o takiej samej nazwie jak Etykiety, a w każdym z postów mam odpowiednio wpisaną Etykietę czyli jak zrozumiałem z tego co napisałeś, wszystko jest w porządku. A jednak, problem polega na tym, że po kliknięciu na blogu w odpowiednią Stronę, tak czy siak wyskakuje mi lista wszystkich postów dotychczas napisanych.
Rozumiem, że coś takiego jak "strona główna" musi nią pozostać, ale można do niej wrzucić tylko niektóre posty, zaś do innych Stron wrzucić resztę z odpowiednią etykietą. Jednakże tak jak już wspomniałem, u mnie tak jakby te etykiety nie działały.

Anonimowy pisze...

Ok. Już mi się udało! zrobiłem bardzo głupi błąd, ale już wszystko działa. Nadal utrzymuję, że opis bardzo pomocny ^^

writtenbyAnita pisze...

Dziękuję Ci bardzo, wszystko przebiegło bezproblemowo! Świetna instrukcja krok po kroku :))

Juster pisze...

a ja utknęłam tu..


"zakładce Elementy strony dodajemy gadżet etykiety - w opcjach wybieramy wybrane etykiety zaznaczamy nasz wybór, polecam też poeksperymentować z innymi dostępnymi opcjami w tym gadżecie aby uzyskać pożądany efekt"

nie moge znaleźć zakładki "elementy strony"

Sandrolinska pisze...

Witaj,
choć twoja notka jest niezwykle pomocna w moim przypadku niestety nie działają w dalszym ciągu te etykiety... ok, mam je zaznaczone przy każdym wpisie, powstały też strony na górze blogu niestety nie posty nie są z nimi łączone jak mógłbyś mi pomóc to byłabym Ci bardzo wdzięczna. !! !! !! W razie co mój blog to : http://sandolinska.blogspot.com/

PROSZĘ, pomóż mi bo sama nie potrafię tego ogarnąć :(

Sandrolinska pisze...

ps. kontaktuj się ze mną w formie maila saaandiiii@gmail.com

Anonimowy pisze...

Jak zrobić pod etykiete? Tzn na stronie głownej gdy najadę chce aby dana etykieta dzielila sie jeszcze na inne grupy.

Maja pisze...

Witaj,
Nie wiem, czy w odpowiednim miejscu piszę. Zmieniłam widok bloga na dynamiczny. Niestety w bocznym pasku brak wielu elementów, które ustawiłam w widokach (licznik, ostatnie komentarze itp.) Chciałabym spowodować, żeby te elementy / widżety zostały dodane do paska razem z tym, co już się tam pojawia - mój profil, polecane linki. Jak to zrobić?
Z góry dziękuję. Maja.

Archiko pisze...

Witaj !
mam problem podobnie jak sandrolinska ! etykiety przypisane, kategorie nadane i ... "strona nie istnieje" mój blog to www.projektyarchiko.blogspot.com - mail:winnie007@interia.pl POMOCY :) Pozdrawiam serdecznie Asia

Sonia Wienzek pisze...

Witam, mam problem. Chciałabym żeby na głownej stronie były każdy od nowego wiersza wypisane kategorie, dopiero jak wejdziesz w kategorie wyswietlały się posty. Czy to możliwe? Zaczełam działać jak napisales ale wyswietlają mi się dwie kategorie obok siebie a na dole posty.
Jestem początkująca, wybacz jesli to glupie pytanie ale liczę na pomoc.
Mój blog wygląda teraz tak:
http://potyczkizcodziennoscia.blogspot.com/
pozdrawiam

Astroni pisze...

Hej!
Mam nadzieję, że nadal tu zaglądasz... Czy jest jakiś sposób na to, żeby pod jednym linku wyświetlały się dwa rodzaje etykiet? Np. mam etykiety: "koty" i "psy", a chciałabym napisać taki link, żeby wyświetlał mi jednocześnie i te i te. Jakieś przeciwieństwo dla "+".

stach pisze...

obawiam się iż nowe API Bloggera nie obsługuje tego typy rozwiązań

ale możesz to obejść np dodając wspólną etykietę np. zwierzaki :)

Astroni pisze...

W sumie... to dlaczego nie. Dzięki za inspirację :)

P.S. A tak z ciekawości - jak to się robiło w starym API?

stach pisze...

@Astroni we wcześniejszej wersji działał + PLUSIK i możną było do kanału RSS załadować dwie etykiety
Ewentualnie można by było użyć http://pipes.yahoo.com do wszelkich modyfikacji na kilkunastu nawet kanałach

Unknown pisze...

Witam mój problem wygląda następująco. Chciałbym na swoim blogu http://wlaczgre.blogspot.com/ założyć kategorie np. gry, konsole i gadżety. Niestety jak stworze nowe strony to oprócz tej pierwszej ( głównej ) wszystkie inne strony wyświetlają mi się jako post a tak nie chce czy możesz mi pomóc ?

Anonimowy pisze...

Witam, dzięki za instrukcję jest super i wszystko działa tylko mam pytanko - jak już przejdzie się do wybranej kategorii etykiet za pomocą gadżetu HTML/JavaScript pojawia się upierdliwy komunikat ''Pokazywanie postów oznaczonych etykietą...'' oraz link do ''Pokaż wszystkie posty'' - czy da się to jakoś usunąć?

Anonimowy pisze...

Tak, dzięki już ogarnąłem. Jeszcze jedno pytanie: jak ustawić aby na stornie głównej nie wyświetlały się wszystkie posty razem tylko np jedno zdjęcie na sztywno? Obecnie wchodząc na bloga ładuje się strona główna (wszystkie posty jakie tylko są) i dopiero za pomocą gadżetu zaczynasz je przeglądać posegregowane po etykietach. Da się jakoś zastąpić tą stronę główną?

Biuro Rachunkowe Joanny Ruszczyk Sp. z o.o. pisze...

Witam, a czy to ma zastosowanie do gotowego szablonu bloga? Bo niestety mi nie dziala :-(

stach pisze...

Asiu bo trzeba czytać ze zrozumieniem... owszem ma zastosowanie do prawie wszystkich w tym i dynamicznych szablonów

concha pisze...
Ten komentarz został usunięty przez autora.
Unknown pisze...

A wiesz może jak zrobić żeby posty publikowane były na innej stronie niż strona główna np. żeby posty o "artach" pojawiały się w zakładce "arty" ?

Prześlij komentarz

Zapraszam do komentowania i wyłapywania ew. błędów... Twoje IP: