Create Weather widget

• Created : Jan, 13, 2020
• Last Updated: Dec, 19, 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

Rest keep as default

Related posts

Create widget in Overlay style with linear gradient background

Create widget in Overlay style

Here’s an example and steps to create a overlay 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.