Embedding html or javascript code to sidebar
-
When I try to embed javascript OR html code to the sidebar using the text widget, it doesn’t work and displays the html code. What am I doing wrong?
Here is the javascript code I tried embedding:
<script type=”text/javascript” src=”https://fn136.infusionsoft.com/app/form/iframe/03a6afba544f37d3184792102aa577ee”></script>Here is the html code I tried embedding:
<style type=”text/css”>
.beta-base .preheader, .beta-base .header, .beta-base .sidebar, .beta-base .body, .beta-base .footer, #mainContent {
text-align: left;
}
.beta-base .preheader, .beta-base .header, .beta-base .body, .beta-base .sidebar, .beta-base .leftSidebar, .beta-base .rightSidebar, .beta-base .footer {
margin: 0;
padding: 0;
border: none;
white-space: normal;
line-height: normal;
}
.beta-base .title, .beta-base .subtitle, .beta-base .text, .beta-base img {
margin: 0;
padding: 0;
background: none;
border: none;
white-space: normal;
line-height: normal;
}
.beta-base .bodyContainer td.preheader{
padding: 10px 0;
}
.beta-base .bodyContainer td.header {
padding: 0;
height: 30px;
}
.beta-base .bodyContainer td.body, .beta-base .bodyContainer td.footer,
.beta-base .bodyContainer td.sidebar, .beta-base .bodyContainer td.leftSidebar, .beta-base .bodyContainer td.rightSidebar {
padding: 20px;
}
.beta-base .bodyContainer td.header p, .beta-base .bodyContainer td.preheader p, .beta-base .bodyContainer td.body p,
.beta-base .bodyContainer td.footer p, .beta-base .bodyContainer td.sidebar p,
.beta-base .bodyContainer td.leftSidebar p, .beta-base .bodyContainer td.rightSidebar p {
margin: 0;
color: inherit;
}
.beta-base .bodyContainer td.header div.title, .beta-base .bodyContainer td.preheader div.title, .beta-base .bodyContainer td.body div.title,
.beta-base .bodyContainer td.footer div.title, .beta-base .bodyContainer td.sidebar div.title,
.beta-base .bodyContainer td.leftSidebar div.title, .beta-base .bodyContainer td.rightSidebar div.title,
.beta-base .bodyContainer td.header div.subtitle, .beta-base .bodyContainer td.preheader div.subtitle, .beta-base .bodyContainer td.body div.subtitle,
.beta-base .bodyContainer td.footer div.subtitle, .beta-base .bodyContainer td.sidebar div.subtitle,
.beta-base .bodyContainer td.leftSidebar div.subtitle, .beta-base .bodyContainer td.rightSidebar div.subtitle,
.beta-base .bodyContainer td.header div.text, .beta-base .bodyContainer td.preheader div.text, .beta-base .bodyContainer td.body div.text,
.beta-base .bodyContainer td.footer div.text, .beta-base .bodyContainer td.sidebar div.text,
.beta-base .bodyContainer td.leftSidebar div.text, .beta-base .bodyContainer td.rightSidebar div.text {
overflow: auto;
}
.beta-base .optout {
margin-bottom: 10px;
margin-top: 10px;
}
div.infusion-captcha {
width: 220px;
padding: 10px;
}
div.infusion-captcha input, div.infusion-captcha select, div.infusion-captcha textarea {
width: 95%;
display: inline-block;
vertical-align: middle;
}
table.infusion-field-container td.infusion-field-input-container input[type=’text’],
table.infusion-field-container td.infusion-field-input-container input[type=’password’],
table.infusion-field-container td.infusion-field-input-container textarea {
width: 98%; /* must be 98% to make the snippet-menu line up due to border width */
margin: 0;
}
table.infusion-field-container td.infusion-field-input-container select {
width: 101%;
*width: 102%; /* this one for IE */
margin: 0;
}
table.infusion-field-container td.infusion-field-label-container {
padding-right: 5px;
}
td.header .image-snippet img {
vertical-align: bottom;
}
#webformErrors {
color: #990000;
font-size: 14px;
}
html, body {
margin: 0;
padding: 0;
height: 100%;
}
.infusion-form {
margin: 0;
height: 100%;
}
.infusion-option {
display: block;
text-align: left;
}
</style>
<style type=”text/css”>
.beta-font-b h1, .beta-font-b h2, .beta-font-b h3, .beta-font-b h4, .beta-font-b h5, .beta-font-b h6 {
font-family: arial,sans-serif;
}
.beta-font-b h1 {font-size: 24px;}
.beta-font-b h2 {font-size: 20px;}
.beta-font-b h3 {font-size: 14px;}
.beta-font-b h4 {font-size: 12px;}
.beta-font-b h5 {font-size: 10px;}
.beta-font-b h6 {font-size: 8px;}
.beta-font-b address {font-style: italic;}
.beta-font-b pre {font-family: Courier New, monospace;}
.beta-font-b .title, .beta-font-b .title p {
font-size: 20px;
font-weight: bold;
font-family: arial,sans-serif;
}
.beta-font-b .subtitle, .beta-font-b .subtitle p {
font-size: 11px;
font-weight: normal;
font-family: arial,sans-serif;
}
.beta-font-b .text, .beta-font-b p {
font-size: 12px;
font-family: arial,sans-serif;
}
.beta-font-b .preheader .text, .beta-font-b .preheader .text p {
font-size: 11px;
font-family: arial,sans-serif;
}
.beta-font-b .footer a {
font-size: 11px;
font-family: arial,sans-serif;
}
.beta-font-b .footer .text {
font-size: 10px;
font-family: verdana,sans-serif;
}
.beta-font-b .sidebar .title, .beta-font-b .leftSidebar .title, .beta-font-b .rightSidebar .title {
font-size: 15px;
font-weight: bold;
font-family: arial,sans-serif;
}
.beta-font-b .sidebar .subtitle, .beta-font-b .leftSidebar .subtitle, .beta-font-b .rightSidebar .subtitle {
font-size: 12px;
font-family: arial, sans-serif;
}
.beta-font-b .sidebar .text, .beta-font-b .sidebar .text p, .beta-font-b .leftSidebar .text, .beta-font-b .rightSidebar .text {
font-size: 11px;
font-family: arial, sans-serif;
}
.infusion-field-label-container {
font-size: 14px;
font-family: arial,sans-serif;
}
.infusion-field-input-container {
color: #000000;
font-size: 12px;
}
.infusion-option label {
color: #000000;
font-size: 14px;
font-family: arial,sans-serif;
}
</style>
<style type=”text/css”>
.simple .background {
background-color: #FFFFFF;
}
.simple .body {
background-color: #FFFFFF;
}
.simple a {
color: #0645AD;
}
.simple .text {
color: #000000;
}
.simple .background .preheader a {
color: #0645AD;
}
.simple .background .preheader .text {
color: #1A242E;
}
.simple .header {
background-color: #FFFFFF;
}
.simple .title {
color: #1A242E;
}
.simple .subtitle {
color: #000000;
}
.simple .sidebar .title {
color: #000000;
}
.simple .leftSidebar .title {
color: #000000;
}
.simple .rightSidebar .title {
color: #000000;
}
.simple .sidebar .subtitle {
color: #000000;
}
.simple .leftSidebar .subtitle {
color: #000000;
}
.simple .rightSidebar .subtitle {
color: #000000;
}
.simple .footer {
background-color: #FFFFFF;
}
.simple .footer a {
color: #0645AD;
}
.simple .footer .text {
color: #000000;
}
.simple .infusion-field-label-container {
color: #000000;
font-size: 14px;
font-family: arial, sans-serif;
}
.simple .infusion-field-input-container {
color: #000000;
font-size: 12px;
}
.simple .infusion-option label {
color: #000000;
font-size: 14px;
font-family: arial, sans-serif;
}
.simple .webFormBodyContainer{
border-style:Hidden;
border-color:#000000;
border-width:0px;
}
</style>
<style type=”text/css”>
.infusion-field-label-container {
text-align:Left;
}
.infusion-field-label-container {
vertical-align:Middle;
}
.infusion-field-input-container {
width:200px;
}
.bodyContainer {
width:300px;
}
</style>
<script src=”https://fn136.infusionsoft.com/app/webTracking/getTrackingCode?trackingId=0c258bf8aecebfa5168309423852a8f8″ type=”text/javascript”>
</script>
<form accept-charset=”UTF-8″ action=”https://fn136.infusionsoft.com/app/form/process/03a6afba544f37d3184792102aa577ee” class=”infusion-form” method=”POST” name=”Sign up for newsletter” onsubmit=”var form = document.forms[0];
var resolution = document.createElement(‘input’);
resolution.setAttribute(‘id’, ‘screenResolution’);
resolution.setAttribute(‘type’, ‘hidden’);
resolution.setAttribute(‘name’, ‘screenResolution’);
var resolutionString = screen.width + ‘x’ + screen.height;
resolution.setAttribute(‘value’, resolutionString);
form.appendChild(resolution);
var pluginString = ”;
if (window.ActiveXObject) {
var activeXNames = {‘AcroPDF.PDF’:’Adobe Reader’,
‘ShockwaveFlash.ShockwaveFlash’:’Flash’,
‘QuickTime.QuickTime’:’Quick Time’,
‘SWCtl’:’Shockwave’,
‘WMPLayer.OCX’:’Windows Media Player’,
‘AgControl.AgControl’:’Silverlight’};
var plugin = null;
for (var activeKey in activeXNames) {
try {
plugin = null;
plugin = new ActiveXObject(activeKey);
} catch (e) {
// do nothing, the plugin is not installed
}
pluginString += activeXNames[activeKey] + ‘,’;
}
var realPlayerNames = [‘rmockx.RealPlayer G2 Control’,
‘rmocx.RealPlayer G2 Control.1’,
‘RealPlayer.RealPlayer(tm) ActiveX Control (32-bit)’,
‘RealVideo.RealVideo(tm) ActiveX Control (32-bit)’,
‘RealPlayer’];
for (var index = 0; index < realPlayerNames.length; index++) {
try {
plugin = new ActiveXObject(realPlayerNames[index]);
} catch (e) {
continue;
}
if (plugin) {
break;
}
}
if (plugin) {
pluginString += ‘RealPlayer,’;
}
} else {
for (var i = 0; i < navigator.plugins.length; i++) {
pluginString += navigator.plugins[i].name + ‘,’;
}
}
pluginString = pluginString.substring(0, pluginString.lastIndexOf(‘,’));
var plugins = document.createElement(‘input’);
plugins.setAttribute(‘id’, ‘pluginList’);
plugins.setAttribute(‘type’, ‘hidden’);
plugins.setAttribute(‘name’, ‘pluginList’);
plugins.setAttribute(‘value’, pluginString);
form.appendChild(plugins);
var java = navigator.javaEnabled();
var javaEnabled = document.createElement(‘input’);
javaEnabled.setAttribute(‘id’, ‘javaEnabled’);
javaEnabled.setAttribute(‘type’, ‘hidden’);
javaEnabled.setAttribute(‘name’, ‘javaEnabled’);
javaEnabled.setAttribute(‘value’, java);
form.appendChild(javaEnabled);”>
<input name=”inf_form_xid” type=”hidden” value=”03a6afba544f37d3184792102aa577ee” /><input name=”inf_form_name” type=”hidden” value=”Sign up for newsletter” /><input name=”infusionsoft_version” type=”hidden” value=”1.29.9.21″ />
<div class=”simple beta-base beta-font-b” id=”mainContent” style=”height:100%”>
<table cellpadding=”10″ cellspacing=”0″ class=”background” style=”width: 100%; height: 100%”>
<tbody>
<tr>
<td align=”center” valign=”top”>
<table bgcolor=”#FFFFFF” cellpadding=”20″ cellspacing=”0″ class=”bodyContainer webFormBodyContainer” width=”100%”>
<tbody>
<tr>
<td bgcolor=”#FFFFFF” class=”body” sectionid=”body” valign=”top”>
<div class=”text” id=”webformErrors” name=”errorContent”>
</div>
<div>
<div style=”height:15px; line-height:15px;”>
</div>
</div>
<div>
<div class=”text”>
<div class=”text” contentid=”paragraph”>
<div>
<p>
<span style=”font-size: medium; background-color: #ffffff;”>Sign Up For News!
</p>
<p>
<span style=”background-color: #ffffff;”>Receive Kraft & Jute news, updates and promotional items in your mailbox. As an extra bonus, you’ll receive a welcome discount code. Sign up today!
</p>
<p>
</p>
</div>
</div>
</div>
</div>
<div>
<table class=”infusion-field-container” style=”width:100%;”>
<tbody>
<tr>
<td class=”infusion-field-label-container”>
<label for=”inf_field_FirstName”>First Name *</label>
</td>
<td class=”infusion-field-input-container” style=”width:200px;”>
<input class=”infusion-field-input-container” id=”inf_field_FirstName” name=”inf_field_FirstName” type=”text” />
</td>
</tr>
</tbody>
</table>
</div>
<div>
<table class=”infusion-field-container” style=”width:100%;”>
<tbody>
<tr>
<td class=”infusion-field-label-container”>
<label for=”inf_field_LastName”>Last Name *</label>
</td>
<td class=”infusion-field-input-container” style=”width:200px;”>
<input class=”infusion-field-input-container” id=”inf_field_LastName” name=”inf_field_LastName” type=”text” />
</td>
</tr>
</tbody>
</table>
</div>
<div>
<table class=”infusion-field-container” style=”width:100%;”>
<tbody>
<tr>
<td class=”infusion-field-label-container”>
<label for=”inf_field_Email”>Email *</label>
</td>
<td class=”infusion-field-input-container” style=”width:200px;”>
<input class=”infusion-field-input-container” id=”inf_field_Email” name=”inf_field_Email” type=”text” />
</td>
</tr>
</tbody>
</table>
</div>
<div>
<div style=”height:15px; line-height:15px;”>
</div>
</div>
<div>
<div class=”infusion-submit” style=”text-align:center;”>
<button style=”width:150px; height:26px; background-color:#FFFFFF; color:#000000; font-size:14px; font-family:Arial; border-color:#000000; border-style:Solid; border-width:1px; -moz-border-radius:3px;border-radius:3px;” type=”submit” value=”Submit”>Submit
</div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</form>The blog I need help with is: (visible only to logged in users)
-
Too bad you posted all that up there. The software will strip out all iframe codes and all blogger posted JavaScript on all free hosted WordPress.com blogs for security reasons.
For the allowed HTML codes see here >
http://en.support.wordpress.com/code/
Also read a full comparison WordPress.com vs. WordPress.org
http://support.wordpress.com/com-vs-org/There is no FTP access and no blogger installed plugin capability on free hosted WordPress.com blogs.
http://en.support.wordpress.com/ftp-access/
http://en.support.wordpress.com/plugins/
There is no upgrade you can purchase here that provides FTP access and the ability to install plugins and or any third party themes.
If you want FTP access and to install plugins or third party themes into a site then you will have to hire a web host http://wordpress.org/hosting/ and set up your own WordPress.org install.
- The topic ‘Embedding html or javascript code to sidebar’ is closed to new replies.
WordPress.com Forums 