Add Google Calendar Widget On Blogger Sidebar.

On the border of the New Year's Day nosotros all redesign our timetables, in addition to shred the former ones. Impeccable timing for some other Blogger Sidebar Widget, that shows occasions from your Google Calendar widget inwards your sidebar.

It is anything exactly hard to introduce, hence endeavor it out!

Install Widget

Go to the Widgets & Downloads Page in addition to click the Add Calendar Widget To Blog button.

This volition select upwardly a pop-up window, where you lot tin customize the settings of the widget, earlier instlling it to ane of your blogs.

Change the settings, hence click Customize, in addition to hence click Add Widget to my Blog.

Preparing you lot Google Calendar

Before adding the Widget to your Blog, you lot bespeak to gear upwardly your Google Calendar to portion events. Your calendar has to move public; soul ones volition non move shown inwards the widget.

You volition abide by your Google calendars at http://calendar.google.com. On the left-hand side of the covert you lot tin encounter the listing of all your calendars, the ones owned yesteryear you, in addition to the ones you lot get got subscribed to. Each calendar has a small-scale drib downward menu. Open this drib downward carte du jour for the calendar you lot desire to share, in addition to select "Calendar Settings". On the 2nd tab, select the radio push to signal that you lot desire to portion all calendar information amongst everyone. Now become to the start tab, in addition to re-create the calendar ID from this page; you lot volition abide by it unopen to the bottom, betwixt parentheses, next the XML/ICAL/HTML-buttons. You volition bespeak this ID to customize the widget. The ID volition await similar v4tfgsl4n3la@group.calendar.google.com.

If you lot experience insecure almost this, practice a test-calendar, in addition to give it a endeavor earlier sharing your existent calendar.

Customizing the Widget

Go to the Widgets & Downloads Page in addition to click the Add Calendar Widget To Blog button. This volition select upwardly the customization-window.

You bespeak to function into the next settings.

Widget Title

This sets the heading of the Widget inwards your Blogger sidebar.

Calendar ID

The ID of your world Google Calendar, that you lot copied from the Calendar Settings page. It is best to copy-paste this ID, to avoid typing errors.

Number of events

This is the release of events that volition move displayed inwards the sidebar. Be aware that a maximum of 25 events tin move displayed.

Calendar Owner Label

If you lot desire the cry of the calendar possessor to move displayed, you lot tin function into the label that you lot desire to role here. The label is displayed inwards forepart of the possessor name. Change it tou anything you lot like, or function out it blank.

Event Location Label

If you lot desire the place of te upshot to move displayed, you lot tin function into the label you lot desire to role here. The label precedes the upshot location. Change it to anything you lot like, or function out it blank.

Date Label

The appointment label precedes the appointment of the event. Change it to anything you lot like, or function out it blank.

Time Label

The fourth dimension label precedes the appointment of the event. Change it to anything you lot like, or function out it blank.

From Label in addition to To Label

The from- in addition to to-label precede the starttime in addition to endtime of the event. Change them to anything you lot like, or function out it blank.

Whole Day Label

The Whole Day Label is displayed if an upshot takes an entire day. Change it to anything you lot like, or function out it blank.

Checkboxes

With the checkboxes you lot tin select which information you lot desire to display. If you lot uncheck all boxes, entirely the eventnames, dates in addition to times volition move displayed.

If you lot brand a mistake, click Reset to reset to the defaults.

Adding the Widget to your Blog

Click Customize to practice the Widget Code, hence click Add to Blog to add together the widget to your blog. This brings upwardly a Blogger-window, where you lot tin select the weblog that you lot desire to add together the widget to.

Styling the Widget

If you lot desire to means the widget, you lot tin role the next custom CSS classes:

.bbcalbox : wraps roughly the widget

.bbcalname: the calendar name

.bbcaldescription: the calendar description

.bbcalowner: the calendar possessor name

.bbcaleventname: the championship of the calendar event

.bbcaleventdescription: the description of the calendar event

.bbcaleventlocation: the place of the event

.bbcaleventdatetime: the date/time information of the event

.bbwidgetfooter: the widgetfooter

Opinion! Please allow me know if this widget is useful via our comment section. Thanks.