<?xml version="1.0" encoding="iso-8859-1"?>
<rss version="2.0"
    xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel>
    <title>DemoBlog@Case</title>
    <link>http://blog.case.edu/demo/</link>
    <description>Showing off advanced features of the Blog@Case system.</description>
    <language>en-us</language>
    <pubDate>Fri, 07 Jan 2005 16:33:33 EST</pubDate>
    <lastBuildDate>Fri, 07 Jan 2005 16:33:33 EST</lastBuildDate>
    <managingEditor>jeremy.smith@case.edu</managingEditor>
    <webMaster>jeremy.smith@case.edu</webMaster>
    <docs>http://blogs.law.harvard.edu/tech/rss</docs>
    <generator>Movable Type v3.121</generator>

    
    <item>
      <title>Your Blog Entry&apos;s URL</title>
      <link>http://blog.case.edu/demo/2005/01/07/different_url</link>
      <description>Have you ever noticed the URL of one of your blog entries? Did you notice it looks a lot like the title of that entry just converted to lowercase with spaces converted to underscores and special characters (like &amp;amp; and...</description>
      <guid>http://blog.case.edu/demo/2005/01/07/different_url</guid>
      
        <category domain="http://blog.case.edu/demo/howto/index.html">HowTo</category>
      
        <category domain="http://blog.case.edu/demo/tips_n_tricks/index.html">Tips n&apos; Tricks</category>
      
      <pubDate>Fri, 07 Jan 2005 16:33:33 EST</pubDate>
      <content:encoded><![CDATA[<p>Have you ever noticed the <abbr title="Uniform Resource Locator">URL</abbr> of one of your blog entries?  Did you notice it looks a lot like the title of that entry just converted to lowercase with spaces converted to underscores and special characters (like <b>&amp;</b> and such) removed?  Well, if you haven't noticed it, it's just been pointed out to you.</p>

<p>For example, in the entry entitled "<a title="DemoBlog@Case: The Demo Blog" href="http://blog.case.edu/demo/2004/11/18/the_demo_blog">The Demo Blog</a>," the URL is http://blog.case.edu/demo/2004/11/18/<strong>the_demo_blog</strong>.</p>

<p>Sometimes, you might not want that especially if you have a long title like "My Raisenettes are Supercalifragilisticexpialodocious which is not to be Interpreted Onomatopoetically."  Or, you would just rather have a different title... for whatever reason.  Well, you can do that.</p>

<p>In the form you use to create your post, you should see a text box called "Keywords."  If you populate that, the words in there (appropriately lowercased, spaces converted to underscores, and special characters stripped) will be used to create your blog entry's title.</p>

<p><img alt="blog_keyword_form.png" src="http://blog.case.edu/demo/2005/1/7/blog_keyword_form.png" width="628" height="320" style="padding-top: 15px; padding-bottom: 15px;" /></p>

<p>You might have noticed that the title of this blog entry is "Your Blog Entry's URL," but the URL is http://blog.case.edu/demo/2005/01/07/<strong>different_url</strong>.  This is how that was done.</p>]]></content:encoded>
    </item>

    <item>
      <title>How to Use Flickr on Your Blog (with Javascript)</title>
      <link>http://blog.case.edu/demo/2004/12/15/javascript_flickr</link>
      <description> Flickr is an online digital photo management service. And, what better use is there for having digital photos online than putting them on your blog! Luckily, Flickr makes this easy; and it gives you several different ways to do...</description>
      <guid>http://blog.case.edu/demo/2004/12/15/javascript_flickr</guid>
      
        <category domain="http://blog.case.edu/demo/blog_service_integration/index.html">Blog Service Integration</category>
      
        <category domain="http://blog.case.edu/demo/flickr/index.html">Flickr</category>
      
        <category domain="http://blog.case.edu/demo/howto/index.html">HowTo</category>
      
      <pubDate>Wed, 15 Dec 2004 23:19:41 EST</pubDate>
      <content:encoded><![CDATA[<p><img alt="flickr_screenshot.png" src="http://blog.case.edu/demo/2004/12/15/flickr_screenshot.png" width="231" height="248" style="float: right;padding-right:20px; border: solid thin black;" /></p>

<p><a title="Welcome to Flickr!" href="http://flickr.com/">Flickr</a> is an online digital photo management service.  And, what better use is there for having digital photos online than putting them on your blog!  Luckily, Flickr makes this easy; and it gives you several different ways to do this.  This first way uses some HTML and some scripting, but don't let that scare you, it's actually quite easy.</p>

<p>First things first, you're going to need a <a title="Welcome to Flickr!" href="http://flickr.com/">Flickr</a> account, and you're probably going to want to upload some photos there.  I highly recommend using one of Flickr's <a title="Flickr: Uploading Tools" href="http://flickr.com/tools/">uploading tools</a> to upload your photos.  They are much easier and faster to use than the web forms.</p>

<p>After you are all setup with an account and have uploaded some photos, you are all ready to display them on your blog.  Flickr refers to this as a "Flickr Badge" for your blog.  You can begin generating your badge by going to <a title="Flickr: Make a badge" href="http://flickr.com/badge.gne">Flickr: Make a badge</a>.</p>

<p>On the first page, the default options that are already selected are probably what you want; so just click the blue "Next" button at the bottom and continue on.  (If you want to change the options, feel free to do so, though.)</p>

<p><a href="http://blog.case.edu/demo/2004/12/15/flickr_badge_create1.html" onclick="window.open('http://blog.case.edu/demo/2004/12/15/flickr_badge_create1.html','popup','width=504,height=556,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://blog.case.edu/demo/2004/12/15/flickr_badge_create1-thumb.png" width="378" height="417" style="border: solid thin black" /></a></p>

<p>The next screen gives you a preview of how your photos will show up.  You can choose the background color here, but I would recommend leaving the default of "No Background."  On the bottom, click the blue "Get Code" button.  This will generate the necessary HTML to include in your blog that will show your Flickr photos.</p>

<p><a href="http://blog.case.edu/demo/2004/12/15/flickr_badge_create21.html" onclick="window.open('http://blog.case.edu/demo/2004/12/15/flickr_badge_create21.html','popup','width=482,height=575,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://blog.case.edu/demo/2004/12/15/flickr_badge_create2-thumb.png" width="361" height="431" style="border: solid black thin" /></a></p>

<p>And, there you go.  On the next screeen, cut and paste that HTML into the template of your blog where you would like your Flickr photos to appear, and you're all done!</p>]]></content:encoded>
    </item>

    <item>
      <title>How to Create a LinkBlog with del.icio.us</title>
      <link>http://blog.case.edu/demo/2004/12/01/delicious_linkblog</link>
      <description>A &quot;LinkBlog&quot; is an area of your blog where links are posted that is separate from the main content area. It&apos;s a smaller area usually put off to the side where links are posted. Think of it this way, the...</description>
      <guid>http://blog.case.edu/demo/2004/12/01/delicious_linkblog</guid>
      
        <category domain="http://blog.case.edu/demo/blog_service_integration/index.html">Blog Service Integration</category>
      
        <category domain="http://blog.case.edu/demo/howto/index.html">HowTo</category>
      
        <category domain="http://blog.case.edu/demo/delicious/index.html">del.icio.us</category>
      
      <pubDate>Wed, 01 Dec 2004 01:29:03 EST</pubDate>
      <content:encoded><![CDATA[<a href="http://blog.case.edu/demo/linkBlog_full2.html" onclick="window.open('http://blog.case.edu/demo/linkBlog_full2.html','popup','width=237,height=608,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://blog.case.edu/demo/linkBlog_full-thumb.jpg" width="177" height="456" border="0" style="float: right;padding-right:20px; border: solid thin black;" /></a><p>A "LinkBlog" is an area of your blog where links are posted that is separate from the main content area.  It's a smaller area usually put off to the side where links are posted.  Think of it this way, the main content is the "main course" of your blog, and it probably consists of mostly original content and more indepth insight; the LinkBlog side area is for items you were reading and thought "<i>this is interesting, maybe I'll share it</i>."  LinkBlogs are quite common, and there are a number of different ways to create them.  One of the most interesting ways is to use the <a title="del.icio.us" href="http://del.icio.us/">del.icio.us</a> bookmark service.  The <a title="del.icio.us" href="http://del.icio.us/">del.icio.us</a> bookmark system is a new and innovative service that stores your bookmarks online and makes them available anywhere you are in the world.  Plus, it lets you categorize them, share them with friends, embed them in web pages, and, actually, through syndication technologies, you can embed your del.icio.us bookmarks anywhere (even the <a title="MyCase Portal" href="http://my.case.edu">my.case.edu portal</a>!).
</p>

<p>Setting up a <a title="del.icio.us" href="http://del.icio.us/">del.icio.us</a> account and creating bookmarks is simple.  Integrating the service with your <a title="Blog@Case" href="http://blog.case.edu/">Blog@Case</a> blog takes a bit of effort; it requires editing the HTML templates that create your blog; but we'll step through it. 
</p>

<ol>
<li>Go to <a title="del.icio.us" href="http://del.icio.us/">del.icio.us</a> and <a title="del.icio.us/register" href="http://del.icio.us/register">register</a> for an account (don't worry, it's free).</li>
<li>After creating a del.icio.us account, it is recommended you create a "bookmarklet" that allows you to quickly post new links to the account.  A "bookmarklet" is a fancy word for a simple bookmark you place in your browser, and when you click on it, will pop up a new window that asks you to create the link automagically.  The del.icio.us site explains very simply how to create your magic del.icio.us bookmarklet.</li>
<li>Now that you are all setup with your account, go ahead and use your bookmarklet to post some links.  After all, you'll want to have some links ready to go when you integrate it with your blog lest the results end up being lackluster.</li>
<li>After having posted some preliminary bookmarks, login to your Blog@Case blog, enter your blogs administrative web area, and click on the "Templates" button in the navigational menu on the left.</li>
<li>In the "Edit Your Templates" area, click on the "Index" template to add your LinkBlog to the front page of your blog.</li>
<li>You're going to have to wade through some HTML, but find the spot where you want your LinkBlog displayed.  Once you have found the spot, include the following markup code (insert your del.icio.us account user in the appropriate spot):
<pre><code>&lt;h3&gt;&lt;a title="del.icio.us/YOUR_DELICIOUS_USERNAME" href="http://del.icio.us/YOUR_DELICIOUS_USERNAME"&gt;LinkBlog&lt;/a&gt; 
(Powered by &lt;a title="del.icio.us" href="http://del.icio.us/"&gt;del.icio.us&lt;/a&gt;)&lt;/h3&gt;

&lt;MTRSSFeed file="http://del.icio.us/rss/<b>YOUR_DELICIOUS_USERNAME</b>"&gt; 
&lt;ul&gt;
    &lt;MTRSSFeedItems lastn="7"&gt; 
      &lt;li&gt;&lt;a href="&lt;$MTRSSFeedItemLink$&gt;"&gt;&lt;$MTRSSFeedItemTitle$&gt;&lt;/a&gt; 
          &lt;MTRSSFeedItemDescriptionExists&gt; - &lt;$MTRSSFeedItemDescription$&gt;&lt;/MTRSSFeedItemDescriptionExists&gt;
      &lt;/li&gt; 
    &lt;/MTRSSFeedItems&gt;
&lt;/ul&gt;
&lt;/MTRSSFeed&gt;</code></pre>
</ol>

<p>There you go!  You are now using the Internet to store your bookmarks, and you are leveraging the power of the del.icio.us service to use your bookmarks ubiquitiously!
</p>

<p>For those that noticed above, including the content of your del.icio.us account involved using a markup tag called <a title="tima mt code." href="http://www.timaoutloud.org/code/mt/#mt-rssfeed">MTRSSFeed</a>.  This is, actually, a very powerful plugin used by the Blog@Case weblog system; and it can be leveraged to include <strong>any</strong> content available via RSS.  So, feel free to play around with it.  A more indepth tutorial on the capabilities on <code>MTRSSFeed</code> is available <a title="MTRSSFeed Tutorial" href="http://deanmckenzie.org/howtofeed.txt">here</a> and <a title="mt-rssfeed - A MovableType plugin for the insertion of RSS feed content into page layouts" href="http://mt-plugins.org/local/mt-rssfeed.php">here</a>.
</p>

<p>In later entries on <a title="DemoBlog@Case" href="http://blog.case.edu/demo/">DemoBlog@Case</a>, we'll cover alternate ways to create LinkBlogs.  Stay tuned...
</p>]]></content:encoded>
    </item>

    <item>
      <title>The Demo Blog</title>
      <link>http://blog.case.edu/demo/2004/11/18/the_demo_blog</link>
      <description>This is a demonstration blog. It will be used to demonstrate advanced features of Blog@Case system....</description>
      <guid>http://blog.case.edu/demo/2004/11/18/the_demo_blog</guid>
      
        <category domain="http://blog.case.edu/demo/demoblog_news/index.html">DemoBlog News</category>
      
      <pubDate>Thu, 18 Nov 2004 18:22:20 EST</pubDate>
      <content:encoded><![CDATA[<p>This is a demonstration blog.  It will be used to demonstrate advanced features of <a title="Blog@Case" href="http://blog.case.edu/">Blog@Case</a> system.</p>]]></content:encoded>
    </item>


</channel>
</rss>
