Example of Google Calendar widget

  • Created : Jan, 15, 2020
  • Last Updated: Aug, 4, 2023


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

How to Create a Vimeo Video Widget for Your Website – Easy Guide

How to Create a Vimeo Video Widget for Your Website – Easy Guide

Contents1 Step 1: Get the Vimeo Video Feed2 Step 2: Create a FeedWind Account3 Step 3: Make Your Vimeo...

Ultimate Bento Design in FeedWind Widgets

Ultimate Bento Design in FeedWind Widgets

Contents1 Why Bento Design?2 Crafting Your Bento Design Style Widget with FeedWind: A Step-by-Step Guide3 Bento Design Style Widget...

Facebook posts: Enhance your brand’s online presence with custom overlay design

Facebook posts: Enhance your brand’s online presence with custom overlay design

Stand Out with Custom Overlay Designs While images play a vital role in catching the eye, the design elements...