WordPress.org

Forums

HTML codes show up on blog sidebar (4 posts)

  1. totalhobbyblueprint
    Member
    Posted 2 years ago #

    I can't figure out why no html codes will work when I place them into the widget area. I do exactly as I should. I copy and paste codes under appearance>widgets then drag txt to widget area and past my code. 1 of two things happen, either my code disappears when I hit save or it will save my code and all the html code is seen on the sidebar when I visit my blog.

    please help

  2. damian.smith
    Member
    Posted 2 years ago #

    Can you post an example of the code you are pasting in?

  3. totalhobbyblueprint
    Member
    Posted 2 years ago #

    yeah here:

    <!-- AWeber Web Form Generator 3.0 -->
    <style type="text/css">
    #af-form-471468403 .af-body .af-textWrap{width:70%;display:block;float:right;}
    #af-form-471468403 .af-body .privacyPolicy{color:#FFFFFF;font-size:12px;font-family:Verdana, sans-serif;}
    #af-form-471468403 .af-body a{color:#FFFFFF;text-decoration:underline;font-style:normal;font-weight:normal;}
    #af-form-471468403 .af-body input.text, #af-form-471468403 .af-body textarea{background-color:#FFFFFF;border-color:#919191;border-width:1px;border-style:solid;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:12px;font-family:Verdana, sans-serif;}
    #af-form-471468403 .af-body input.text:focus, #af-form-471468403 .af-body textarea:focus{background-color:#FFFAD6;border-color:#030303;border-width:1px;border-style:solid;}
    #af-form-471468403 .af-body label.previewLabel{display:block;float:left;width:25%;text-align:right;color:#FFFFFF;text-decoration:none;font-style:normal;font-weight:normal;font-size:14px;font-family:Verdana, sans-serif;}
    #af-form-471468403 .af-body{padding-bottom:10px;padding-top:10px;background-repeat:repeat-y;background-position:left;background-image:url("http://forms.aweber.com/images/forms/sticky-note/skies/body.png");color:#FFFFFF;font-size:12px;font-family:Verdana, sans-serif;}
    #af-form-471468403 .af-header{padding-bottom:1px;padding-top:40px;padding-right:25px;padding-left:25px;background-color:transparent;background-repeat:repeat-y;background-position:top left;background-image:url("http://forms.aweber.com/images/forms/sticky-note/skies/header.png");border-width:1px;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:#FFFFFF;font-size:18px;font-family:Verdana, sans-serif;}
    #af-form-471468403 .af-quirksMode .bodyText{padding-top:2px;padding-bottom:2px;}
    #af-form-471468403 .af-quirksMode{padding-right:27px;padding-left:27px;}
    #af-form-471468403 .af-standards .af-element{padding-right:27px;padding-left:27px;}
    #af-form-471468403 .bodyText p{margin:1em 0;}
    #af-form-471468403 .buttonContainer input.submit{background-image:url("http://forms.aweber.com/images/auto/gradient/button/e90.png");background-position:top left;background-repeat:repeat-x;background-color:#bf7900;border:1px solid #bf7900;color:#FFFFFF;text-decoration:none;font-style:normal;font-weight:normal;font-size:18px;font-family:Verdana, sans-serif;}
    #af-form-471468403 .buttonContainer input.submit{width:auto;}
    #af-form-471468403 .buttonContainer{text-align:right;}
    #af-form-471468403 body,#af-form-471468403 dl,#af-form-471468403 dt,#af-form-471468403 dd,#af-form-471468403 h1,#af-form-471468403 h2,#af-form-471468403 h3,#af-form-471468403 h4,#af-form-471468403 h5,#af-form-471468403 h6,#af-form-471468403 pre,#af-form-471468403 code,#af-form-471468403 fieldset,#af-form-471468403 legend,#af-form-471468403 blockquote,#af-form-471468403 th,#af-form-471468403 td{float:none;color:inherit;position:static;margin:0;padding:0;}
    #af-form-471468403 button,#af-form-471468403 input,#af-form-471468403 submit,#af-form-471468403 textarea,#af-form-471468403 select,#af-form-471468403 label,#af-form-471468403 optgroup,#af-form-471468403 option{float:none;position:static;margin:0;}
    #af-form-471468403 div{margin:0;}
    #af-form-471468403 fieldset{border:0;}
    #af-form-471468403 form,#af-form-471468403 textarea,.af-form-wrapper,.af-form-close-button,#af-form-471468403 img{float:none;color:inherit;position:static;background-color:none;border:none;margin:0;padding:0;}
    #af-form-471468403 input,#af-form-471468403 button,#af-form-471468403 textarea,#af-form-471468403 select{font-size:100%;}
    #af-form-471468403 p{color:inherit;}
    #af-form-471468403 select,#af-form-471468403 label,#af-form-471468403 optgroup,#af-form-471468403 option{padding:0;}
    #af-form-471468403 table{border-collapse:collapse;border-spacing:0;}
    #af-form-471468403 ul,#af-form-471468403 ol{list-style-image:none;list-style-position:outside;list-style-type:disc;padding-left:40px;}
    #af-form-471468403,#af-form-471468403 .quirksMode{width:398px;}
    #af-form-471468403.af-quirksMode{overflow-x:hidden;}
    #af-form-471468403{background-color:transparent;border-color:transparent;border-width:1px;border-style:none;}
    #af-form-471468403{display:block;}
    .af-body .af-textWrap{text-align:left;}
    .af-body input.image{border:none!important;}
    .af-body input.submit,.af-body input.image,.af-form .af-element input.button{float:none!important;}
    .af-body input.text{width:100%;float:none;padding:2px!important;}
    .af-body.af-standards input.submit{padding:4px 12px;}
    .af-clear{clear:both;}
    .af-element label{text-align:left;display:block;float:left;}
    .af-element{padding:5px 0;}
    .af-form-wrapper{text-indent:0;}
    .af-form{text-align:left;margin:auto;}
    .af-header{margin-bottom:0;margin-top:0;padding:10px;}
    .af-quirksMode .af-element{padding-left:0!important;padding-right:0!important;}
    .lbl-right .af-element label{text-align:right;}
    body {
    }
    </style>
    <form method="post" class="af-form-wrapper" action="http://www.aweber.com/scripts/addlead.pl" >
    <div style="display: none;">
    <input type="hidden" name="meta_web_form_id" value="471468403" />
    <input type="hidden" name="meta_split_id" value="" />
    <input type="hidden" name="listname" value="empower_join" />
    <input type="hidden" name="redirect" value="http://www.aweber.com/thankyou.htm?m=default" id="redirect_7693d91d554ccf9e6ae3fe2d8ba7036b" />

    <input type="hidden" name="meta_adtracking" value="Empower_Sign_Up_Form" />
    <input type="hidden" name="meta_message" value="1" />
    <input type="hidden" name="meta_required" value="name,email" />

    <input type="hidden" name="meta_tooltip" value="" />
    </div>
    <div id="af-form-471468403" class="af-form"><div id="af-header-471468403" class="af-header"><div class="bodyText"><p style="text-align: center;"><span style="color: #ffffff; font-size: 24px;">The</span><span style="color: #ff0000;"><span style="font-size: 36px;"> </span></span><span style="color: #ff0000; font-size: 24px;"><span style="font-size: 36px; color: #ffffff;">"</span><span style="text-decoration: underline;"><span style="font-size: 36px;"></span></span><span style="text-decoration: underline;"><span style="font-size: 36px;">C</span>ommissions</span> <span style="text-decoration: underline;"><span style="font-size: 36px;"><span style="font-size: 39px;">L</span>oophole</span></span></span><span style="color: #ffffff; font-size: 36px;">"</span> That was Almost Kept A <span style="text-decoration: underline;"><span style="font-size: 24px;"><span style="color: #ff0000; text-decoration: underline;">Secret</span></span></span> + Free Video Reveals Empower Networks <span style="font-size: 24px;"><span style="color: #ffcc00;">PROOF!</span></span></p>
    <p style="text-align: center;"><span style="color: #000000; font-size: 16px;">Your Total Hobby Blueprint </span></p></div></div>
    <div id="af-body-471468403" class="af-body af-standards">
    <div class="af-element">
    <label class="previewLabel" for="awf_field-42944626">Name: </label>
    <div class="af-textWrap">
    <input id="awf_field-42944626" type="text" name="name" class="text" value="" tabindex="500" />
    </div>
    <div class="af-clear"></div></div>
    <div class="af-element">
    <label class="previewLabel" for="awf_field-42944627">Email: </label>
    <div class="af-textWrap"><input class="text" id="awf_field-42944627" type="text" name="email" value="" tabindex="501" />
    </div><div class="af-clear"></div>
    </div>
    <div class="af-element buttonContainer">
    <input name="submit" class="submit" type="submit" value="Submit" tabindex="502" />
    <div class="af-clear"></div>
    </div>
    <div class="af-element privacyPolicy" style="text-align: center"><p>We respect your email privacy</p>
    <div class="af-clear"></div>
    </div>
    </div>
    </div>
    <div style="display: none;"><img src="http://forms.aweber.com/form/displays.htm?id=LOyMLGwcLAzM" alt="" /></div>
    </form>

    <!-- /AWeber Web Form Generator 3.0 -->

    This code saves in the widget but it post this entire code on the sidebar of my blog

  4. damian.smith
    Member
    Posted 2 years ago #

    Can I ask why you are trying to paste in all of that CSS?

    For optimisation and cleanliness I would advise adding that too your stylesheet rather than a widget.

    I think this may be a start in what your problem is :)

Topic Closed

This topic has been closed to new replies.

About this Topic