Inserting a HTML Code within the Left Navigation
Place HTML within your left navigation! From links to marquees!
Take a look at our simple tutorial! Like our tips? Link to us!
 Login to your MSOL account.
Click on "Website" to open your "Page Manager". Once the webpage is open, click on the "Module" tab, listed above Insert. Scroll down and click on the "Custom Footer" option. A new window will open. Select the existing code within the box below "Edit" and delete it's contents. Copy the code below and paste the code within the "Edit" input box. Next, copy or create a HTML code and paste the code, replacing the text "YOUR HTML CODE HERE". Once your code is placed, save and view. Your HTML code should now appear within the left navigation. Things to Note:  Not all HTML codes will work correctly and some font characters will not be allowed within a code.
You will have to manually add the Footer Module code to each webpage on which you wish to display the code. If you prefer, you can also save your coding as a file using Notepad with the extension .xsl and upload to your website. Then instead of manually pasting the code within the "Edit" box simply select the file under the "Link to XSLT File" option. |
Footer Module Code for HTML Code within Navigation: (Basic Setup) |
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"> <xsl:output method="html" omit-xml-declaration="yes"/> <xsl:template match="/"> <div align="center" id="MyCode">
YOUR HTML CODE HERE </div>
<script type="text/javascript">
var leftNav = document.getElementById('IWS_WH_Elem_LeftNav');
leftNav.appendChild(document.getElementById('MyCode'));
</script>
</xsl:template> </xsl:stylesheet> |
For example of proper code placement, please view the HTML text link code below:
Footer Module Code for HTML Text Link within Navigation: |
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"> <xsl:output method="html" omit-xml-declaration="yes"/> <xsl:template match="/"> <div align="center" id="TextLink">
<a href="http://msolsimplesolutions.com" target="about_blank">MSOL Simple Solutions</a> </div>
<script type="text/javascript">
var leftNav = document.getElementById('IWS_WH_Elem_LeftNav');
leftNav.appendChild(document.getElementById('TextLink'));
</script>
</xsl:template> </xsl:stylesheet> |
You can also create a combo and place within the same Footer Module. For an example view the code below:
Footer Module Code for HTML Text Link and Marquee Combo within Navigation: |
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"> <xsl:output method="html" omit-xml-declaration="yes"/> <xsl:template match="/"> <div align="center" id="TextLink">
<a href="http://msolsimplesolutions.com" target="about_blank">MSOL Simple Solutions</a> </div>
<script type="text/javascript">
var leftNav = document.getElementById('IWS_WH_Elem_LeftNav');
leftNav.appendChild(document.getElementById('TextLink'));
</script>
<div align="center" id="TextMarquee">
<font face="Arial" color="black" size="1">News and Updates:</font><br />
<marquee style="font-family:Arial; color:white; font-size:12px" direction="left" scrollamount="3" behavior="scroll"> TYPE YOUR TEXT HERE! </marquee></div>
<script type="text/javascript">
var leftNav = document.getElementById('IWS_WH_Elem_LeftNav');
leftNav.appendChild(document.getElementById('TextMarquee'));
</script>
</xsl:template> </xsl:stylesheet> |
Back to Top