HTML codes show up on blog sidebar
-
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
-
Can you post an example of the code you are pasting in?
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(“https://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(“https://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(“https://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=”https://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=”https://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=”https://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
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 ??
- The topic ‘HTML codes show up on blog sidebar’ is closed to new replies.