Create Weather widget

  • Created : Jan, 13, 2020
  • Last Updated: Jan, 17, 2020


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 -> Add Image URL
  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 -> Add Image URL
  46. Rest keep as default

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