Kalendarze Google w poście

Święta Polskie, Święta Amerykańskie oraz kalendarz F1 w jednym kalendarzu - czyli osadzamy kilka kalendarzy w jednym gadżecie w dowolnym poście :) zadanie dość skomplikowane wiec do dzieła...

rys.1

 Na początku przygotujemy sobie Id kalendarzy które chcemy opublikować w naszym gadżecie. Tak więc przechodzimy do Kalendarza Google na wybranym kalendarzu klikamy w trójkącik i rozwijamy jego opcje wybierając Ustawienia kalendarza  rys.1

rys.2

rys.3

Zapisujemy jego ID czyli identyfikator rys.2
Nieco wyżej Google oferuje nam gotowe narzędzie do osadzenia na www. Jednak my scalimy kilka /max 9/ kalendarzy w jeden gadżet :) aby nieco utrudnić osadzimy to wszystko w dowolnym poście lub stronie naszego bloga :)
Jeśli mamy już zapisane wszystkie potrzebne ID - polecam wkleić je do notatnika zamiast później klikać i szukać. Usunięcie pomyłki wiąże się z usunięciem gadżetu i jest dość kłopotliwe, co zatem idzie wykonaniem wszystkich dalszych kroków od samego początku.

rys.4

Przechodzimy do edycji projektu i dodajemy nowy gadżet w dowolnym miejscu rys.3 - zostanie on później usunięty, więc wszystko jedno gdzie :)

Klikamy Dodaj swoje własne  rys.4 i wpisujemy adres:

 http://hosting.gmodules.com/ig/gadgets/file/106146176982320752205/google_calendar.xml  klikamy przycisk Dodaj wg Adresów url rys.5  i przechodzimy do okna konfiguracji. rys.6
 W tym oknie po kilku podstawowych konfiguracjach wyglądu podajemy ID naszych kalendarzy w polach Calendar ID i ustalamy kolorki lub podajemy własne za pomocą kodu HTML. Na dole mamy podgląd naszych poczynań - nie radzę z niego korzystać aż do momentu ustawienia i zapisania wszystkiego. Tak więc nie robimy błędów zapisujemy wszystko i przechodzimy do naszego bloga. rys.7

rys.5

rys.6

Powinien nam się ukazać piękny kalendarz z wszystkimi wpisami.














Jeśli chcemy możemy zakończyć nasze działanie na tym kroku i umieścić gadżet gdzieś w projekcie bloga. Jeśli chcemy mieć go gdziekolwiek wyszukamy jego kodu.

rys.7

Ja używam Firefox'a więc zaznaczam kawałek z naszym gadżetem i klikam pokaż kod źródłowy zaznaczenia. rys.7 i wyszukujemy pływającej ramki czyli <iframe... A oto i on kod naszego kalendarza: <iframe frameborder="0" height="200" id="sidebar-gadget1" name="sidebar-gadget1" src="//www-blogger-opensocial.googleusercontent.com/gadgets/ifr?url=http%3A%2F%2Fhosting.gmodules.com%2Fig%2Fgadgets%2Ffile%2F106146176982320752205%2Fgoogle_calendar.xml&container=blogger&view=default&lang=pl&country=ALL&sanitize=0&v=5f438a68aa1f16b&up_message2var=1&up_color8html&up_viewmode=WEEK&up_message1var=1&up_messages=0&up_color3html&up_timezone=America%2FChicago&up_height=300&up_color1html&up_dates=1&up_message0msg=New+Version%21%21+Updates+include+selectable+timezones+and+selectable+colors.&up_color9html&up_message1msg=Updated+to+include+ability+to+remove+the+Print+button.&up_color7html&up_color6html&up_color5=%233366cc&up_color6=%233366cc&up_color3=%23cc3333&up_color4=%233366cc&up_message2msg=Updated+to+include+ability+to+specify+colors+by+the+HTML+color+code+%28optional%29.&up_color9=%233366cc&up_color7=%233366cc&up_color8=%233366cc&up_print=1&up_color2html&up_cal6&up_cal7&up_cal8&up_cal9&up_tz=0&up_message0var=1&up_nav=1&up_cals=1&up_color5html&up_cal1=usa%40holiday.calendar.google.com&up_cal2=hf33ohc9mq5mgr3fl8vuulgfpc%40group.calendar.google.com&up_color2=%23109618&up_color1=%233366cc&up_calendars=9&up_cal3=polish__pl%40holiday.calendar.google.com&up_color4html&up_cal4&up_tabs=1&up_cal5&libs=core%3Adynamic-height%3Aminimessage%3Asetprefs&parent=http%3A%2F%2Fedytuj.blogspot.com%2F&mid=1#rpctoken=8452752043246692884&up_height=300&up_nav=1&up_dates=1&up_tabs=1&up_cals=1&up_print=1&up_timezone=America%2FChicago&up_tz=0&up_viewmode=WEEK&up_calendars=9&up_cal1=usa%40holiday.calendar.google.com&up_color1=%233366cc&up_color1html&up_cal2=hf33ohc9mq5mgr3fl8vuulgfpc%40group.calendar.google.com&up_color2=%23109618&up_color2html&up_cal3=polish__pl%40holiday.calendar.google.com&up_color3=%23cc3333&up_color3html&up_cal4&up_color4=%233366cc&up_color4html&up_cal5&up_color5=%233366cc&up_color5html&up_cal6&up_color6=%233366cc&up_color6html&up_cal7&up_color7=%233366cc&up_color7html&up_cal8&up_color8=%233366cc&up_color8html&up_cal9&up_color9=%233366cc&up_color9html&up_messages=0&up_message0var=1&up_message0msg=New+Version%21%21+Updates+include+selectable+timezones+and+selectable+colors.&up_message1var=1&up_message1msg=Updated+to+include+ability+to+remove+the+Print+button.&up_message2var=1&up_message2msg=Updated+to+include+ability+to+specify+colors+by+the+HTML+color+code+%28optional%29." style="display: block; height: 300px; width: 100%;"></iframe>
Tak skopiowany kod umieszczę włąśnie w tym poście lub gdziekolwiek zechcę w moim blogu.
Jeśli wszystko przebiegło pomyślnie pozostało nam jeszcze tylko wspomniane na samym początku usunięcie gadżetu z projektu

Jeśli coś poszło nie tak i gadżet nieustannie zmusza nas do klikania wchodzimy do edycji kodu szablonu i usuwamy go ręcznie wyszukując Google Calendar i usuwając całą linię zawierającą ww ciąg znaków:  
<b:widget id='Gadget1' locked='false' title='Google Calendar' type='Gadget'/>

To by było na tyle dzisiaj... pozdrawiam... 10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110