Example of Google Calendar widget

  • Created : Jan, 15, 2020
  • Last Updated: Nov, 15, 2022


Easy Steps

Widget Settings
  1. Create widget -> Google Calendar
  2. Google Calendar ID -> feedwindmikle@gmail.com
  3. General -> Width -> Responsive/In Pixels -> Responsive
  4. General -> Height -> Events-> 3
  5. General -> Scroll -> OFF
  6. Calendar Title -> Custom -> ON
  7. Calendar Title -> Custom -> Calendar Title ->   Events
  8. Calendar Title -> Font size -> 25
  9. Calendar Title -> Colors -> Background color -> #1076bf
  10. Calendar Title -> Colors -> Font color -> #FFFFFF
  11. Calendar Event -> Size -> Event Title -> 18
  12. Calendar Event -> Size -> Where -> 14
  13. Calendar Event -> Size -> Description -> 14
  14. Calendar Event -> Size -> Start Time/Date -> 12
  15. Calendar Event -> Colors -> Event Title -> #FFFFFF
  16. Calendar Event -> Colors ->Where -> #FFFFFF
  17. Calendar Event -> Colors -> Description -> #FFFFFF
  18. Calendar Event -> Colors -> Start Time/Date -> #CFCFCF
  19. Calendar Event -> Colors -> Background -> #FFFFFF
  20. Calendar Event -> Date -> Start Time/Date -> ON
  21. Calendar Event -> Date -> End Time/Date -> ON
  22. Calendar Event -> Advanced Setting -> Timezone -> ON
  23. Calendar Event -> Advanced Setting -> Timezone -> (GMT+09:00)Tokyo
  24. Calendar Event -> Advanced Setting -> Timezone -> Display time zone abbreviation -> ON
  25. Calendar Event -> Advanced Setting -> Background Image -> Add Image URL
  26. Rest keep as default


Related posts

Create widget in Overlay style with linear gradient background

Create widget in Overlay style with linear gradient background

Create widget in Overlay style

Create widget in Overlay style

Here’s an example and steps to create a overlay widget

Facebook widget

Example Facebook page widget in large image style

Easily create a Facebook widget with a large image style and customize it as your need.

Start your free trial. FeedWind is the easiest way to add dynamic content on your website.
Create Now