Create Weather widget

  • Created : Jan, 13, 2020
  • Last Updated: Mar, 22, 2022


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

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