WordPress.com Forums » Tag: weather widget - Recent Posts

timethief on "I cannot get a certain weather widget to work. Can you help?"

timethief — Wed, 09 Jan 2013 23:58:50 +0000

Se here for other weather widgets:
http://wpbtips.wordpress.com/2010/07/22/gigya-shortcode-3-widgets/
http://wpbtips.wordpress.com/2010/09/16/widgets-for-wpcom-5-weather/

timethief on "I cannot get a certain weather widget to work. Can you help?"

timethief — Wed, 09 Jan 2013 23:57:22 +0000

I see a weather widget here http://mjrclaims.com/

mjrclaims on "I cannot get a certain weather widget to work. Can you help?"

mjrclaims — Wed, 09 Jan 2013 23:48:47 +0000

I'm not sure on how to correctly install a certain weather widget, or if it is even compatible with my blog. I have a weather widget up right now but I dont like it and would like to change it. Can anyone walk me through how to get it to work?

justpi on "Changing original source code"

justpi — Mon, 10 Dec 2012 03:46:44 +0000

You're welcome.

First of all I think you should know that I'm not just another volunteer here when it comes to these matters. The creator of the widget incorporated the gigya shortcode in his site thanks to these posts of mine:
http://wpbtips.wordpress.com/2010/07/22/gigya-shortcode-3-widgets/
http://wpbtips.wordpress.com/2010/09/16/widgets-for-wpcom-5-weather/

"I would have to alter the code as you suggest 20 times"?
You don't have to alter the whole code all the time: you can add my suggestions once, then change only the location ID and name.
"I switched to Firefox and did not see the scrollbars."
In case you're wondering why I do see them, I'm Mac user so I'm not using the same version of Firefox.
"Another user suggested that you could not use […] the same dimensions […]"
That's how the shortcode always translates. If that user's suggestion was correct, there would be scrollbars no matter what the size or the widget, but I'm not seeing any scrollbars in my 280x194 version of the widget - or in the other widget posts I've published:
http://wpbtips.wordpress.com/list-of-posts/4/
"That's why I was trying to change the WordPress code."
You can't.
And you can't change how browsers work either. So, unless I'm missing something, and unless the creator of the widget changes its design, the only things you can do is switch to a theme with a wider sidebar or use a different weather widget.

garyguertin on "Changing original source code"

garyguertin — Sun, 09 Dec 2012 23:56:56 +0000

A couple of comments before I do what you suggest, which does not eliminate the scroll bars, which is my problem. I have been on a YoWindow Forum which generated these comments.

1. It's strange you mention the scrollbars are browser related because that was mentioned. I use only IE9, as do most of my friends. We see the scrollbars. I switched to Firefox and did not see the scrollbars, as one user suggested, who had the same experience. The problem comes back in that we are all IE users.

2. Another user suggested that you could not use the 170 width, 150 hight frame border i.e. " frameborder="0" width="170" height="150" with the same dimensions on items within the frame, i.e. "swf&width=170&height=150&#038". That's why I was trying to change the WordPress code.

3. Another user suggested code inserts to eliminate the scrollbars, but it also eliminates the part of the widget under the scrollbars, which does not solve the problem.

I would appreciate your inputs on these comments before I go ahead and make the changes you suggest, especially when I must point out this is only one port, Boca Raton. When I'm on a cruise and posting articles I have to add two or three ports and change them about every other day. We will hit as many as 20 ports on a cruise, meaning I would have to alter the code as you suggest 20 times and still have scrollbars???????? Let's look close at the browser problem and see if there is permanent code to make it work on all browsers without scroll bars, like it does for us on Firefox. Thanks for your support, Gary

justpi on "Changing original source code"

justpi — Sun, 09 Dec 2012 13:32:49 +0000

1) To display code correctly here, you need to enclose it in backticks (see note on "Allowed markup").

2) The widget has moved a bit to the left in relation to the regular sidebar content, and the links have moved a bit to the left in relation to the widget, because divs in the theme you're using have a default 9px padding. You need to turn this:

to:

and this:

to:

You also need to add this at the end, to cancel the wrap around effect of the float left/right span tags:

3) These corrections will place the content correctly, but I'm afraid they won't eliminate the scrollbars. I experimented with various dimensions in a post, and it seems that the widget has a minimum width and height below which you get the scrollbars. Minimum seems to be around 250x180. And the scrollbars seem to be browser related: I'm seeing them in Firefox but not in Safari no matter how small I make the widget.

garyguertin on "Changing original source code"

garyguertin — Sun, 09 Dec 2012 05:19:43 +0000

Automatically add paragraphs was not checked.
the code I pasted from YoWindow:

"<div style="line-height:0;">[gigya src="http://swf.yowindow.com/yowidget3.swf" width="170" height="150" allowfullscreen="true" wmode="opaque" bgcolor ="#FFFFFF" flashvars="location_id=gn:4148411&location_name=Boca%20Raton&time_format=12&unit_system=us&background=#FFFFFF&copyright_bar=false"]<div style="width:170px;font-size:12px;font-family:Arial, Helvetica, sans-serif;"><span style="float:left;">YoWindow.com</span><span style="float:right;color:#888888;">NWS</span></div></div>"

justpi on "Changing original source code"

justpi — Sat, 08 Dec 2012 19:57:05 +0000

The main part of the code you get from YoWindow is a gigya shortcode. The gigya shortcode is always translated by WP into the appropriate iframe code. If the result isn't ok, then you've made some mistake in your selections or in the Text widget itself. Start by opening the widget and making sure the option "Automatically add paragraphs" is not checked. If that doesn't correct the issue, paste the code here between backticks so we can see what's wrong.

garyguertin on "Changing original source code"

garyguertin — Sat, 08 Dec 2012 17:45:02 +0000

I have pasted a code for a weather widget from that widget's web site (YoWindow) in the Text widget format as instructed by WordPress/YoWindow). The widget comes up in my sidebar with scroll bars, yet the width that is missing from the widget is no more than the width of the scroll bars, thus why scroll bars? In right clicking the site to "view source" you can see that WordPress has changed the code I pasted (and can edit) from YoWindow. Several suggestions have been made for changing the WordPress source code (line 639) but I do not know how to do that. Can someone tell me how to edit the WordPress source code (line 639)? Also any other suggestions to eliminate the scroll bars?

justpi on "trying to add a sidebar widget for the weather"

justpi — Sat, 15 Sep 2012 16:19:13 +0000

Hi VM,
You didn't receive a message from me, you received an auto-notification that's sent to all who have subscribed to this thread.

velvetmountains on "trying to add a sidebar widget for the weather"

velvetmountains — Sat, 15 Sep 2012 14:48:31 +0000

Hi justpi

I received this message in my email from you. It needs to go to brimstonefarms (just above your message). I closed my session back in August and marked it solved. I did find that yowindowweather works with WP and have it on my site. It loads slow , but it is so cute.

Have a great day.

justpi on "trying to add a sidebar widget for the weather"

justpi — Sat, 15 Sep 2012 04:24:38 +0000

then I assume I will use it in the text widget in the sidebar or can it be displayed directly on a page?

What do you prefer? If you prefer page, I can show you how to convert the above. But this is a 630px wide version of the gadget, so it can't fit in your sidebar: if you prefer sidebar, you need to select a narrow version of the gadget (less than 200px wide) and paste its code here.

brimstonefarms on "trying to add a sidebar widget for the weather"

brimstonefarms — Fri, 14 Sep 2012 22:23:48 +0000

I am having the same problem and am not exactly sure how to convert the code into short code. As for the DISCREET VARIABLES, I have no idea what to add here. Can someone please help explain how to convert the following code into a usable shortcode??? (then I assume I will use it in the text widget in the sidebar or can it be displayed directly on a page?):

Weather Forecast | Weather Maps | Weather Radar | Hurricane Center

Any help you can offer would be greatly appreciated!

timethief on "Tempo em Vitória"

timethief — Mon, 03 Sep 2012 23:04:03 +0000

We cannot use any JavaScript widgets on free hosted WordPress.com blogs for security reasons. http://en.support.wordpress.com/code/

There are several clocks you can use to display your local time by copy-pasting the code into a text widget.
http://wpbtips.wordpress.com/2010/08/16/widgets-for-wpcom-3-analog-clocks/2/
http://wpbtips.wordpress.com/2010/08/16/widgets-for-wpcom-3-analog-clocks/3/
http://wpbtips.wordpress.com/2010/08/06/widgets-for-wpcom-2-digital-clocks/
see also:
http://wpbtips.wordpress.com/2010/09/16/widgets-for-wpcom-5-weather/3/

sungateway on "Tempo em Vitória"

sungateway — Mon, 03 Sep 2012 16:22:49 +0000

velvetmountains on "trying to add a sidebar widget for the weather"

velvetmountains — Wed, 08 Aug 2012 02:52:50 +0000

For the record...

Yowindowweather gives the correct code to work with WordPress. Worked first time.

Thanks so much for answering my questions tonight. Your help is very appreciated.

velvetmountains on "trying to add a sidebar widget for the weather"

velvetmountains — Wed, 08 Aug 2012 01:28:18 +0000

Hello raincoaster

I have been following the link that timethief sent in her 7:17 post above. It seems to me that there is an image . It shows several different sizes to choose from. I never could get it to work. I am now trying to use another one - I think it is called yoweather. I'll just keep trying.

Thanks a lot for your response.

raincoaster on "trying to add a sidebar widget for the weather"

raincoaster — Wed, 08 Aug 2012 01:21:18 +0000

I don't have any idea where the HTML version is located. Maybe they don't have one; most sites don't. It's up to you to find one that does work. Follow the link TT gave you.

raincoaster on "trying to add a sidebar widget for the weather"

raincoaster — Wed, 08 Aug 2012 01:15:07 +0000

I don't know. Maybe they don't provide one, in which case you'll have to use a different one. Maybe the code doesn't display an image.

velvetmountains on "trying to add a sidebar widget for the weather"

velvetmountains — Wed, 08 Aug 2012 00:01:44 +0000

Where is the html version located? They show two codes to choose from. One for website and one for my space.

I don't know where to get the html version.

Thanks

ps...that my space code did not work either. It shows a plain (no image) in the sidebar with the link to accuweather. No image and no temperature showing. I am using my test blog trying this.

Thanks (smile)

raincoaster on "trying to add a sidebar widget for the weather"

raincoaster — Tue, 07 Aug 2012 23:52:07 +0000

You cannot use a Javascript at all. You must find the HTML-only version.

velvetmountains on "trying to add a sidebar widget for the weather"

velvetmountains — Tue, 07 Aug 2012 23:51:43 +0000

Ok , I went over there again and picked up the code for the ( my space code).

Going to try again

Thanks all.

velvetmountains on "trying to add a sidebar widget for the weather"

velvetmountains — Tue, 07 Aug 2012 23:43:58 +0000

That is what I have been trying to do. I have been using the same weather site that the above (directly above from raincoaster) is showing.

Thanks

raincoaster on "trying to add a sidebar widget for the weather"

raincoaster — Tue, 07 Aug 2012 23:35:30 +0000

Myspace code? no.

You go to http://wpbtips.wordpress.com/2010/09/16/widgets-for-wpcom-5-weather/3/ and choose one of those widgets and get the code from their site. Then you put the code in a text widget, put it in your sidebar and you're done.

velvetmountains on "trying to add a sidebar widget for the weather"

velvetmountains — Tue, 07 Aug 2012 23:32:09 +0000

I am wondering if I get the my space code and then ...

Do I change it to what is showing in the wordpress tips page....

Do I then put it in a text widget in order to get the image along with the link to the weather site...

Just can't figure how to do this.

Thanks to timethief and raincoaster for answering so quickly

raincoaster on "trying to add a sidebar widget for the weather"

raincoaster — Tue, 07 Aug 2012 23:23:03 +0000

Ah, thanks. I tried a Google search and couldn't find it but thought it was there somewhere.

timethief on "trying to add a sidebar widget for the weather"

timethief — Tue, 07 Aug 2012 23:22:02 +0000

@traincoaster
I provided the correct link above for this blogger - i don't have the weather widgets - Panos does.

raincoaster on "trying to add a sidebar widget for the weather"

raincoaster — Tue, 07 Aug 2012 23:20:02 +0000

WordPress.com indeed does not support javascript. You'll have to find a different widget. There's a roundup[ of weather widgets on http://onecoolsitebloggingtips.com

timethief on "trying to add a sidebar widget for the weather"

timethief — Tue, 07 Aug 2012 23:17:29 +0000

Embed codes aren't directly allowed, for security reasons. You need to convert the code into a WP-specific shortcode. See here:
http://wpbtips.wordpress.com/2010/09/16/widgets-for-wpcom-5-weather/3/

velvetmountains on "trying to add a sidebar widget for the weather"

velvetmountains — Tue, 07 Aug 2012 23:13:18 +0000

I am trying to add a 120 x 60 size widget in the sidebar for the weather. Could you tell me how? I have tried many different ways. It is from the accuweather.com . The code is for a blog or website. Here is the code they gave me. <div style='width: 120px; height: 60px; background-image: url( http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/clouds_120x60_bg.jpg ); background-repeat: no-repeat; background-color: #;' ><div id='NetweatherContainer' style='height: 48px;' ><script src='http://netweather.accuweather.com/adcbin/netweather_v2/netweatherV2ex.asp?partner=netweather&tStyle=normal&logo=0&zipcode=28805&lang=eng&size=7&theme=clouds&metric=0&target=_self'></script></div><div style='text-align: center; font-family: arial, helvetica, verdana, sans-serif; font-size: 10px; line-height: 12px; color: #;' >Weather Forecast</div></div>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Here is the location that I received the code:

http://netweather.accuweather.com

The information for adding this is under the consumer nav bar (netweather)

It is something that I think people might really like. (being able to see the temperature for the area)

I am wondering if maybe WordPress does not support this.

Thanks a lot .