Need help? Check out our Support site, then


WordPress.com Forums » Support

trying to add a sidebar widget for the weather

  1. velvetmountains
    Member

    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 .

    The blog I need help with is thehillsataveryscreek.wordpress.com.

  2. timethief
    Member

    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/

  3. raincoaster
    Member

    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

  4. timethief
    Member

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

  5. raincoaster
    Member

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

  6. velvetmountains
    Member

    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

  7. raincoaster
    Member

    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.

  8. velvetmountains
    Member

    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

  9. velvetmountains
    Member

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

    Going to try again

    Thanks all.

  10. raincoaster
    Member

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

  11. velvetmountains
    Member

    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)

  12. raincoaster
    Member

    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.

  13. raincoaster
    Member

    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.

  14. velvetmountains
    Member

    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.

  15. velvetmountains
    Member

    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.

  16. brimstonefarms
    Member

    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?):

    <div style='width: 630px; height: 440px; background-image: url( http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/winter2_630x440_bg.jpg ); background-repeat: no-repeat; background-color: #7CADEE;' ><div style='height: 420px;' ><object type='application/x-shockwave-flash' data='http://netweather.accuweather.com/adcbin/netweather_v2/netwx-v214.swf' height='420' width='630' align='top'> <param name='movie' value='http://netweather.accuweather.com/adcbin/netweather_v2/netwx-v214.swf' /> <param name='allowScriptAccess' value='never' /> <param name='allowNetworking' value='internal' /> <param name='quality' value='high' /> <param name='scale' value='noscale' /> <param name='salign' value='lt' /> <param name='wmode' value='transparent' /> <param name='bgcolor' value='#ffffff' /> <param name='flashvars' value='partner=netweather&myspace=1&logo=1&tStyle=normal&zipcode=72160&lang=eng&size=214&theme=1&metric=0' /></object></div><div style='text-align: center; font-family: arial, helvetica, verdana, sans-serif; font-size: 12px; color: #0000FF;' ><a style='color: #0000FF' href='http://www.accuweather.com/us/ar/stuttgart/72160/city-weather-forecast.asp?partner=accuweather' >Weather Forecast</a> | <a style='color: #0000FF' href='http://www.accuweather.com/maps-satellite.asp' >Weather Maps</a> | <a style='color: #0000FF' href='http://www.accuweather.com/index-radar.asp?partner=accuweather&zipcode=72160' >Weather Radar</a> | <a style='color: #0000FF' href='http://hurricane.accuweather.com/hurricane/index.asp' >Hurricane Center</a></div></div>

    Any help you can offer would be greatly appreciated!

  17. justpi
    Member

    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.

  18. velvetmountains
    Member

    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.

  19. justpi
    Member

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags