1. Home
  2. Support
  3. Widget - Examples
  4. Create a Weather widget

Create a Weather widget

  • Created : Jan, 13, 2020
  • Last Updated: Sep, 19, 2023


Easy Steps

Widget Settings
  1. Create widget -> RSS
  2. Feed URL -> https://weather-broker-cdn.api.bbci.co.uk/en/forecast/rss/3day/2643743
  3. General -> Width -> Responsive/In Pixels -> Responsive
  4. General -> Style -> Thumbnail
  5. General -> Height -> Image -> 300
  6. General -> Height -> Posts -> 1
  7. General -> Scroll -> ON
  8. General -> Scroll -> Navigation arrow -> OFF
  9. General -> Scroll -> Autoscroll -> ON
  10. General -> Scroll -> Autoscroll -> Normal
  11. General -> Scroll -> Scroll speed -> 4
  12. General -> Scroll -> Fade transition -> ON
  13. General -> Style -> Image scale -> Fits the shortest side
  14. General -> Style -> Image align -> Top
  15. General -> Advanced Settings -> Text Alignment -> Center
  16. Feed Title -> Custom -> ON
  17. Feed Title -> Font size -> 18
  18. Feed Title -> Bold -> ON
  19. Feed Title -> Colors -> Background Image -> https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcTaZ4EPKazMhMPBQNobNjycEluXnGUt_jP8klAwwTZqRLaVXf3_
  20. Feed Title -> Colors -> Font color -> #FFFFFF
  21. Feed Content -> Colors -> Font color -> #FFFFFF
  22. Create widget -> RSS
  23. Feed URL -> https://www.wired.com/feed/rss
  24. General -> Width -> Responsive/In Pixels -> Responsive
  25. General -> Style -> Card
  26. General -> Height -> Image -> 300
  27. General -> Height -> Posts -> 1
  28. General -> Scroll -> ON
  29. General -> Scroll -> Navigation arrow -> ON
  30. General -> Scroll -> Autoscroll -> ON
  31. General -> Scroll -> Scroll speed -> 4
  32. General -> Scroll -> Fade transition -> ON
  33. General -> Style -> Image scale -> Fits the shortest side
  34. General -> Style -> Image align -> Top
  35. Feed Title -> Custom -> ON
  36. Feed Title -> Font size -> 16
  37. Feed Title -> Bold -> ON
  38. Feed Title -> Colors -> Background color -> #FA346F
  39. Feed Title -> Colors -> Font color -> #FFFFFF
  40. Feed Content -> Size -> Item title -> 18
  41. Feed Content -> Size -> Bold -> ON
  42. Feed Content -> Size -> Content -> 16
  43. Feed Content -> Colors -> Title font -> #FFFFFF
  44. Feed Content -> Colors -> Content font -> #FFFFFF
  45. Feed Content -> Advanced setting -> Background Image -> https://cdn2.vectorstock.com/i/1000x1000/33/06/sun-and-clouds-background-vector-10203306.jpg

    46. 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...

Tutorial Categories