﻿<?xml version="1.0" encoding="UTF-8"?>
<!--RSS generated by Windows SharePoint Services V3 RSS Generator on 9/6/2010 3:39:28 PM-->
<?xml-stylesheet type="text/xsl" href="/blogs/ja/_layouts/RssXslt.aspx?List=f0bbb6ea-e590-4cda-bd0d-ce43af3a9437" version="1.0"?>
<rss version="2.0">
  <channel>
    <title>Jon Anglin: Posts</title>
    <link>http://www.getsharepoint.com/blogs/ja/Lists/Posts/AllPosts.aspx</link>
    <description>RSS feed for the Posts list.</description>
    <lastBuildDate>Mon, 06 Sep 2010 19:39:28 GMT</lastBuildDate>
    <generator>Windows SharePoint Services V3 RSS Generator</generator>
    <ttl>60</ttl>
    <image>
      <title>Jon Anglin: Posts</title>
      <url>/blogs/ja/_layouts/images/homepage.gif</url>
      <link>http://www.getsharepoint.com/blogs/ja/Lists/Posts/AllPosts.aspx</link>
    </image>
    <item>
      <title>Adding Directions/Maps to a Sharepoint Website</title>
      <link>http://www.getsharepoint.com/blogs/ja/Lists/Posts/ViewPost.aspx?ID=2</link>
      <description><![CDATA[<div><b>Body:</b> <div class=ExternalClass9745C26619C44198B367C51366638ADB>
<p>This a quick tutorial on how to add google maps to a sharepoint website. This is extremely beneficial for a contacts/directions page. </p>
<p><strong>Step .1 </strong></p>
<p>Go to <a href="http://maps.google.com/"><strong><em>http://maps.google.com/</em></strong></a><strong><em> </em></strong>and type in the name of the business. </p>
<p><img alt="" src="/blogs/ja/Lists/Photos/030309_1523_AddingDirec1.png" width=656 height=204> </p>
<p><strong>Step. 2 </strong></p>
<p>On the top right of the map click the link button, then copy the embed code. </p>
<p><img style="width:662px;height:336px" alt="" src="/blogs/ja/Lists/Photos/030309_1523_AddingDirec2.png" width=629 height=310><strong> </strong></p>
<p><strong>Step. 3 </strong></p>
<p>Now add a Content Editor Web Part to the page you would like the map to be on. </p>
<p><img style="width:663px;height:390px" alt="" src="/blogs/ja/Lists/Photos/030309_1523_AddingDirec3.png" width=666 height=391> </p>
<p><strong>Step. 4 </strong></p>
<p>Click the Source Editor and past the embed code. </p>
<p><img style="width:665px;height:368px" alt="" src="/blogs/ja/Lists/Photos/030309_1523_AddingDirec4.png" width=657 height=368> </p>
<p><strong>Step. 5 </strong></p>
<p>Click save and you are done. </p>
<p><img style="width:669px;height:396px" alt="" src="/blogs/ja/Lists/Photos/030309_1523_AddingDirec5.png" width=661 height=391> </p>
<p> </p></div></div>
<div><b>Category:</b> Content Editor Web Parts</div>
<div><b>Published:</b> 7/19/2010 10:25 AM</div>
]]></description>
      <author>Jon Anglin</author>
      <category>Content Editor Web Parts</category>
      <pubDate>Tue, 03 Mar 2009 15:25:59 GMT</pubDate>
      <guid isPermaLink="true">http://www.getsharepoint.com/blogs/ja/Lists/Posts/ViewPost.aspx?ID=2</guid>
    </item>
    <item>
      <title>Create Floating Web Part Zones or Tables</title>
      <link>http://www.getsharepoint.com/blogs/ja/Lists/Posts/ViewPost.aspx?ID=6</link>
      <description><![CDATA[<div><b>Body:</b> <div class=ExternalClassA68B6C0BAB9F41D692E3BBA907CA9F1D>
<p>This was an idea I stumbled upon while developing in SharePoint, tables work well in SharePoint but you can't always place web part zones in tables exactly where you want them to be. That's why I started using <span style="color:red">&lt;div&gt;</span> tags with the <span style="color:red">position:relative;</span> attribute. </p>
<p><strong><em>Here is an example: </em></strong></p>
<p><img alt="" src="/blogs/ja/Lists/Photos/082509_1512_CreateaFloa2.png"><img alt="" src="/blogs/ja/Lists/Photos/082509_1512_CreateaFloa3.png"> </p>
<p><strong>The first step to take is to place a web part zone in the page. </strong></p>
<p><span style="color:#c00000">        &lt;WebPartPages:WebPartZone id=&quot;Your id will be different&quot; runat=&quot;server&quot; title=&quot;Name your zone&quot;&gt; </span></p>
<p><span style="color:#c00000">        &lt;/WebPartPages:WebPartZone&gt; </span></p>
<p><strong>Now let's add a div tag to this w/ a style and position set to relative. </strong></p>
<p><span style="color:#c00000">&lt;div style=&quot;position:relative;&quot;&gt; </span></p>
<p><span style="color:#c00000">&lt;WebPartPages:WebPartZone id=&quot;Your id will be different&quot; runat=&quot;server&quot; title=&quot;Name your zone&quot;&gt; </span></p>
<p><span style="color:#c00000">        &lt;/WebPartPages:WebPartZone&gt; </span></p>
<p><span style="color:#c00000">&lt;/div&gt; </span></p>
<p><strong>Ok, now that we've done that, you can now position the web part zone anywhere you want it t be on the page with these attributes added </strong><span style="color:#c00000">left:0px; right:0px; top:0px; bottom:0px; </span></p>
<p><span style="color:black"><strong>Here is the code I've created for the example above. </strong></span></p>
<p><span style="color:#c00000">&lt;div style=&quot;position:relative;</span> <span style="color:#c00000">left:5px; top:-320px; width:200px;&quot;&gt; </span></p>
<p><span style="color:#c00000">&lt;WebPartPages:WebPartZone id=&quot;Your id will be different&quot; runat=&quot;server&quot; title=&quot;Name your zone&quot;&gt; </span></p>
<p><span style="color:black"><strong>(I added a links list web part here) </strong></span></p>
<p><span style="color:#c00000">        &lt;/WebPartPages:WebPartZone&gt; </span></p>
<p><span style="color:#c00000">&lt;/div&gt; </span></p>
<p><span style="color:black"><strong>Here is another example: </strong></span></p>
<p><img alt="" src="/blogs/ja/Lists/Photos/082509_1512_CreateaFloa5.png"><img alt="" src="/blogs/ja/Lists/Photos/082509_1512_CreateaFloa6.png"><span style="color:black"><strong> </strong></span></p>
<p><span style="color:#c00000">&lt;div style=&quot;position:relative;</span> <span style="color:#c00000">top:-143px; height: 139px; &gt; </span></p>
<p><span style="color:#c00000">&lt;WebPartPages:WebPartZone id=&quot;Your id will be different&quot; runat=&quot;server&quot; title=&quot;Name your zone&quot;&gt; </span></p>
<p><span style="color:black"><strong>(I added a table here) </strong></span></p>
<p><span style="color:#c00000">        &lt;/WebPartPages:WebPartZone&gt; </span></p>
<p><span style="color:#c00000">&lt;/div&gt;</span></p></div></div>
<div><b>Category:</b> Development</div>
<div><b>Published:</b> 8/5/2010 11:07 AM</div>
]]></description>
      <author>Jon Anglin</author>
      <category>Development</category>
      <pubDate>Tue, 25 Aug 2009 15:07:07 GMT</pubDate>
      <guid isPermaLink="true">http://www.getsharepoint.com/blogs/ja/Lists/Posts/ViewPost.aspx?ID=6</guid>
    </item>
  </channel>
</rss>