Sunday, October 10, 2010

How to Display Multiple Ads in the Left Navigation?

You can find the solution for adding ads to the left navigation at http://solutionsforofficelive.com/googleadsense2.aspx.

The easiest way to add multiple ads to the left navigation is to add two sets of code for an ad and separating them with a <br /> tag.  If you want more ads simply add an <br /> tag between the ad codes.  Also if you want additional space between the ads simply add additional <br /> tags.  You should be able to insert ads from multiple sources if desired.  These codes use the Custom Footer Module or Custom Header and Navigation module as well.

<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 id="adLoader">
Replace this is the first ad code
<br />
Replace this is the second ad code
</div>
<script type="text/javascript">
var leftNav = document.getElementById('IWS_WH_Elem_LeftNav');
leftNav.appendChild(document.getElementById('adLoader'));
</script>
</xsl:template>
</xsl:stylesheet>

Example:

<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 id="adLoader">
<script type="text/javascript"><![CDATA[<!--
google_ad_client = "pub-47734912835080";
/* Left Nav 160x600 Text or Image */
google_ad_slot = "50235832";
google_ad_width = 160;
google_ad_height = 600;
//-->]]>
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br /><br />
<script type="text/javascript"><![CDATA[<!--
google_ad_client = "pub-47734912835080";
/* Left Nav 160x600 Text or Image */
google_ad_slot = "50235832";
google_ad_width = 160;
google_ad_height = 600;
//-->]]>
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<script type="text/javascript">
var leftNav = document.getElementById('IWS_WH_Elem_LeftNav');
leftNav.appendChild(document.getElementById('adLoader'));
</script>
</xsl:template>
</xsl:stylesheet>

Monday, October 4, 2010

New Blog

For those of you who do not know this, Windows Live Spaces is transitioning over to WordPress.  This effectively breaks the OLSB Blog module and your webpage if you happen to have the module on one of your webpages.  Since the blog has to be moved, I decided to abandon Windows Live completely (WordPress) and go with Blogger.  I have transitioned the old blog over to WordPress and it can be found here: http://officelivesolutions.wordpress.com/.  The new blog at blogger can be found at: http://solutionsforofficelive.blogspot.com/.

Now that the blog was moved I had to address the issue with the Space Blog Module.  First I removed the module from the homepage, which incidentally was broken because of that!  Next I used a RSS reader from: http://feed.informer.com/.  I tried a number of different ones but this one seemed to work the best for what I wanted.  Once I had the RSS feed setup with feed.informer, I copied the code (I used the JavaScript version) and used the Custom Footer Module to embed it on the homepage.  The results can be seen at http://solutionsforofficelive.com.

The Code:

<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output method="text" omit-xml-declaration="yes"/>
<xsl:template match="/">
<![CDATA[
<script type="text/javascript" src="
http://app.feed.informer.com/digest3/FYYSDVKBXC.js">
<noscript><a href="
http://app.feed.informer.com/digest3/FYYSDVKBXC.html">Click for &quot;Solutions for Office Live Blog&quot;.</a>
Powered by <a href="
http://feed.informer.com/">RSS Feed Informer</a></noscript></script>
]]>
</xsl:template>
</xsl:stylesheet>