How to add weather widget in blogger - My Widget House

How to add weather widget in blogger - My Widget House

The professional bloggers always try to facilitate their users in any way. And they continuously search for the new widgets for their blog to attract their users attention toward their blog. We are going to add the weather widget in our blog today. Because having the weather widget in our blog can have a great impact on our users.

We have bought many weather widgets for you in this article. You don't need to worry about the size of these widgets. Just go to your blog or website, look at the available space for this widget.

And after it select the required widget from different sizes below. These widgets are showing weather result in Centigrade.

Adding a weather widget in the blogger is just an easy task. We will show you all steps to add a gadget in your blog. Simply follow the steps below:

Step 1

Log In to your Blogger Account.

Step 2

Click on the Layout in the left sidebar of your blogger Dashboard. As shown in the picture of step 3.

Step3

Choose where to add the gadget and click on the Add a Gadget link in the layout. As shown in the picture below.

Step 4

Click + Button in front of HTML/JavaScript in the new pop up window. As shown in the picture below.

Step 5

Copy one of the weather widget codes below. And paste it in the html box of the html window.

Current Weather Widget (Responsive)

This widget is with dynamic background and have a responsive layout. This is the current weather widget and it adjust itself according to the available space in the area you are adding it. Its size is started from 115px to full page width.

<a href="https://www.accuweather.com/en/pk/naran/259174/weather-forecast/259174" class="aw-widget-legal">
<!--
By accessing and/or using this code snippet, you agree to AccuWeather’s terms and conditions (in English) which can be found at https://www.accuweather.com/en/free-weather-widgets/terms and AccuWeather’s Privacy Statement (in English) which can be found at https://www.accuweather.com/en/privacy.
-->
</a><div id="awcc1519743044493" class="aw-widget-current"  data-locationkey="" data-unit="c" data-language="en-us" data-useip="true" data-uid="awcc1519743044493"></div><script type="text/javascript" src="https://oap.accuweather.com/launch.js"></script>

36 Hours Weather Widget (Responsive)

This full page responsive widget is also with dynamic layout. And it auto select the location of our visitor. But visitors can also search the weather of the any location in this widget. It also adjust itself in the available space in your website due to its responsive design.

<a href="https://www.accuweather.com/en/pk/naran/259174/current-weather/259174" class="aw-widget-legal">
<!--
By accessing and/or using this code snippet, you agree to AccuWeather’s terms and conditions (in English) which can be found at https://www.accuweather.com/en/free-weather-widgets/terms and AccuWeather’s Privacy Statement (in English) which can be found at https://www.accuweather.com/en/privacy.
-->
</a><div id="awtd1519743805408" class="aw-widget-36hour"  data-locationkey="" data-unit="c" data-language="en-us" data-useip="true" data-uid="awtd1519743805408" data-editlocation="true"></div><script type="text/javascript" src="https://oap.accuweather.com/launch.js"></script>

Step 6

Click on the Save in the html box after adding the widget html code in it.

Step 7

Finally you have just added the new gadget in your blog. Now click on the Save Arrangement in the layout page of your blog to finally save the new settings.

So, these were the weather widgets for your blog. Add them anywhere in your blog and give the best look to your visitors. Enjoy the new change in your blog!