How do I add html to my pages? I don't get it. Please Help.

  • Author
    Posts
  • #1007629

    seicorps
    Member

    Hi there. I am just tying to insert an html code in one of my pages. I can’t find a place to do this anywhere. When I looked in the forums for a solutions, I couldn’t get a straight forward answer. Do I need to download something? If so what next? I am a free user. Does that make any difference? Please help!

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

    #1007728

    raincoaster
    Member

    Are you trying to insert it AS code, like to show what code you need to use to get a particular effect? If so, you need to use the CODE tags, to enclose the actual code.

    Are you trying to use the code to get some result? Then we need to see it. Paste it here between backticks. those little marks usually on the same key as ~, so we can see it and analyze it.

    #1007803

    I am trying to add a weather widget using code but every time I update the page, the code disappears. Why does this happen and how do I fix it? Is it because it is javascript??

    Here is the code:

    <script type=”text/javascript” src=”http://voap.weather.com/weather/oap/USAR0533?template=GENXH&par=3000000007&unit=0&key=twciweatherwidget”></script>

    #1007804

    “text/javascript”

    Not Allowed: http://en.support.wordpress.com/code/

    #1007805

    timethief
    Member

    For a weather widget see http://wpbtips.wordpress.com/2010/09/16/widgets-for-wpcom-5-weather/3/ Copy and paste the code int a text widget and display it in your sidebar. http://en.support.wordpress.com/widgets/text-widget/

    #1007807

    @notawoodpecker, thanks for the clarification. I thought that was the problem and disappointed that there aren’t more trusted partners to use javascript on this platform.

    @timethief, thanks those are awesome! However, I can’t get the code to work directly on the HTML option for the pages nor on the text widget option. Do you have any ideas why it displays the bottom links but not the image? Here is the code they produced for me:

    <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 id=’NetweatherContainer’ style=’height:420px;’></div><div style=’text-align:center;font-family:arial, helvetica, verdana, sans-serif;font-size:12px;line-height:20px;color:#0000FF;’>Weather Forecast | Weather Maps | Weather Radar | Hurricane Center</div></div>

    #1007808

    Actually, here is the MySpace code that the site suggested to use:

    <div style=’width: 160px; height: 600px; background-image: url( http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/spring1_160x600_bg.jpg ); background-repeat: no-repeat; background-color: #607041;’ ><div style=’height: 585px;’ ><object type=’application/x-shockwave-flash’ data=’http://netweather.accuweather.com/adcbin/netweather_v2/netwx-v215.swf’ height=’585′ width=’160′ align=’top’> <param name=’movie’ value=’http://netweather.accuweather.com/adcbin/netweather_v2/netwx-v215.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=215&theme=1&metric=0′ /></object></div><div style=’text-align: center; font-family: arial, helvetica, verdana, sans-serif; font-size: 10px; color: #FDEA11;’ >Weather Forecast | Weather Maps</div></div>

    #1007873

    Let me try that again: Here is code that I have tried to insert directly in the HTML coding portion (without code tags) as well as the Text Widget for the sidebar. All I can seem to accomplish is a big blank white image and the links at the bottom of the image. I have looking into making this into a shortcode as well but I don’t understand that either. Can someone PLEASE provide some guidance on how to work with this code? This seems easy but I cannot figure it out for the life of me.

    <div style='width: 160px; height: 600px; background-image: url( http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/spring1_160x600_bg.jpg ); background-repeat: no-repeat; background-color: #607041;' ><div id='NetweatherContainer' style='height: 585px;' ><script src='http://netweather.accuweather.com/adcbin/netweather_v2/netweatherV2ex.asp?partner=netweather&tStyle=normal&logo=1&zipcode=72160&lang=eng&size=15&theme=spring1&metric=0&target=_self'></script></div><div style='text-align: center; font-family: arial, helvetica, verdana, sans-serif; font-size: 10px; line-height: 15px; color: #FDEA11;' ><a style='color: #FDEA11' href='http://www.accuweather.com/us/ar/stuttgart/72160/city-weather-forecast.asp?partner=accuweather' >Weather Forecast</a> | <a style='color: #FDEA11' href='http://www.accuweather.com/maps-satellite.asp' >Weather Maps</a></div></div>

    THANK YOU!!

    #1007874

    raincoaster
    Member

    It’s flash, so if you go to http://wpbtips.wordpress.com and search “Gigya” you will find the workaround. You have to convert that code to a Gigya shortcode.

    #1007875

    You have to remember that you are not working on a web page. If you check the Help pages;

    http://en.support.wordpress.com/code/

    You’ll find that the <script> tag included in your code is not supported.

    Reading through those pages will answer most questions.

    #1007876

    Yes, but this code doesn’t have <script> and as raincoaster pointed out I can use the Gigya workaround to do it. However, I do not understand how that works!! It is not very straightforward to someone who has no knowledge of HTML coding. So, can anyone offer an idea?? Here is the code I’m working with (I will put my attempt at a shortcode below it as well):

    <div style='width: 160px; height: 600px; background-image: url( http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/lhtblue_160x600_bg.jpg ); background-repeat: no-repeat; background-color: #3BA6C9;' ><div style='height: 585px;' ><object type='application/x-shockwave-flash' data='http://netweather.accuweather.com/adcbin/netweather_v2/netwx-v215.swf' height='585' width='160' align='top'> <param name='movie' value='http://netweather.accuweather.com/adcbin/netweather_v2/netwx-v215.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=whteYell&zipcode=72160&lang=eng&size=215&theme=1&metric=0' /></object></div><div style='text-align: center; font-family: arial, helvetica, verdana, sans-serif; font-size: 10px; color: #FFFFFF;' ><a style='color: #FFFFFF' href='http://www.accuweather.com/us/ar/stuttgart/72160/city-weather-forecast.asp?partner=accuweather' >Weather Forecast</a> | <a style='color: #FFFFFF' href='http://www.accuweather.com/maps-satellite.asp' >Weather Maps</a></div></div>

    SHORTCODE ATTEMPT

    `[gigya src="http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/spring1_160x600_bg.jpg" height="160" width="600" quality="high" wmode="transparent" bgcolor="#ffffff" flashvars=value='partner=netweather&myspace=1&logo=1&tStyle=normal&zipcode=72160&lang=eng&size=215&theme=1&metric=0]

    Thanks again to everyone, this has taken WAY too long for just a damn weather forecast…but I really would like to use it.

    #1007877

    [gigya src="http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/spring1_160x600_bg.jpg" height="160" width="600" quality="high" wmode="transparent" bgcolor="#ffffff" flashvars=value='partner=netweather&myspace=1&logo=1&tStyle=normal&zipcode=72160&lang=eng&size=215&theme=1&metric=0]

    #1007878

    You might have better luck with products from NWS Little Rock:

    http://radar.weather.gov/radar.php?rid=lzk

    #1007879

    @notawoodpecker: interesting idea and maybe you’re right. However, I’m not sure that helps me with my original question. Please explain when you can…

    #1007880

    raincoaster
    Member

    At a certain point, you are on your own. Just review the Gigya instructions.

    #1007881

    justpi
    Member

    @brimstonefarms: See here first:
    https://en.forums.wordpress.com/topic/trying-to-add-a-sidebar-widget-for-the-weather?replies=17#post-1011079
    And please don’t post about the same issue in different places.

The topic ‘How do I add html to my pages? I don't get it. Please Help.’ is closed to new replies.