<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
   <channel>
      <title>Blog Tutorials_</title>
      <link>http://blogs.qc.cuny.edu/blogs/blogtutorials/</link>
      <description>A resource for students and faculty using the Movable Type blogging software at Queens College</description>
      <language>en</language>
      <copyright>Copyright 2008</copyright>
      <lastBuildDate>Tue, 08 Jan 2008 14:14:20 -0500</lastBuildDate>
      <generator>http://www.sixapart.com/movabletype/</generator>
      <docs>http://blogs.law.harvard.edu/tech/rss</docs> 

            <item>
         <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <title>Using your blog as a course home page</title>
         <description><![CDATA[                              <table>
   <tr>
      <td style="padding: 20px;"><p>One of the blog's great strengths is its <em>dynamic</em> nature - authors can easily change its content, and readers can easily see the most recent entries.  But there is some content that you might want to remain front and center throughout the semester: the course syllabus, your grading policy, a list of links, and other sorts of things that you might normally put on your QC home page.  By making a few tweaks to MT's templates, you can have the best of both worlds: a <em>dynamic</em> blog with some <em>static</em> content.</p>
<p><a href="http://blogs.qc.cuny.edu/blogs/blogashomepage">Click here</a> to see an example of these templates in action.</p>
<p>Implementing this three-column layout takes only a few minutes and requires little more technical knowledge than the ability to copy and paste blocks of text.  This tutorial will guide you through each step of the process.  In order to distinguish between various kinds of static and dynamic content, we will be utilizing Movable Type's Categories feature.  Section 1 of this tutorial explains how to create the categories that you'll use for this purpose.  Section 2 explains how to change MT's templates to recognize these new categories and display them properly on your blog.     Sections 3 and 4 are for the intermediate or advanced user who wants to customize the layout even further.</p>
<p><strong>Important</strong>: This process is intended for faculty bloggers only.  Students who follow these instructions will find important parts of their blogs, such as the class blog roll, broken or missing.</p>
<ol>

<li><a href="#one">Creating the necessary categories</a></li>
<li><a href="#two">Replacing the default templates</a></li>
<li><a href="#three">Customizing your color scheme</a></li>
<li><a href="#four">Using subcategories to organize dynamic content</a></li>
</ol></td>
   </tr>
</table>

<a name="one"><hr width="50%" align=center></a>
<h3>(1) Creating the necessary categories</h3>

<table>
   <tr>
      <td style="padding: 20px;"><p>The first step is to create the three categories that will allow MT to distinguish between dynamic and static content.  This process is explained in detail below.  Here is an overview of the three categories and their purposes:
<ul>
<li>the <strong>pages</strong> category contains all the static information that you would like to keep on individual pages on your blog (these entry titles appear as a list on the left-hand column of the blog); </li>
<li>the <strong>welcome</strong> category contains the static information that you'd like to appear on the front page of the site at all times (this content appears at the very top of the middle column);</li>
<li>the <strong>dynamic</strong> category contains the blog-type entries that you will create throughout the term (these entries appear in the middle column, underneath the <strong>welcome</strong> content.</li>
</ul>
<p><a href="http://blogs.qc.cuny.edu/blogs/blogashomepage">Click here</a> to take another look at the sample site to see how this will work.</p>
 </table>

<table>
   <tr>
      <td style="padding: 10px;">To create a new category, first click on the Categories button in the left-hand menu, under the Configure category.</td>
      <td style="padding: 10px;"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/home6.jpg" width="250"></td>
   </tr>

 </table>

<hr width="50%" align=center>
<table>
   <tr>
      <td style="padding: 10px;">Click on "Create new top-level category".</td>
      <td style="padding: 10px;"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/home7.jpg" width="550"></td>
   </tr>

 </table>

<hr width="50%" align=center>
<table>
   <tr>
      <td style="padding: 10px;"><p>In the box that appears, type <strong>pages</strong> and click "Create Category".<p>  
<blockquote><strong>Important</strong>: The category name "welcome" is the label that Movable Type will look for when building your blog's layout, so it's very important to type the name correctly, in all lower-case letters.  If the category name is entered incorrectly, its corresponding entries will not display properly on your blog.</blockquote>
<p>Repeat these two steps to create the top-level categories <strong>welcome</strong> and <strong>dynamic</strong>.  These two category names must also be typed in all lower-case letters.</td>
      <td style="padding: 10px;"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/home8.jpg" width="350"></td>
   </tr>

 </table>



<a name="two"><hr width="50%" align=center></a>
<h3>(2) Replacing the default templates</h3>
<table width="100%">
   <tr>
      <td>
<p>In the previous section, you created some categories to organize your blog posts.  In this section, you will tell MT how to display these categories correctly.  This is accomplished by replacing MT's default templates with the custom three-column templates that are provided below.</p>  <a href="http://mtblogs.qc.cuny.edu/mt.cgi" target="_blank">Click here</a> to log into MT and click on the name of the blog you'd like to edit.  (This link opens in a new window, as you'll need to have both this window and your MT window open at the same time during this process.)  On the left-hand menu, find and click the "Templates" button, under "Configure". </p></td>
      <td style="padding: 10px;"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/home1.jpg" width="250" /></td>

   </tr>
 </table>
<a name="list"><hr width="50%" align=center></a>
<table>
   <tr>
      <td padding="10px;"><p>These template files dictate your blog's layout and appearance.  We're going to replace them with the custom-built templates found below.  What follows are detailed instructions on how to do this for the "Main Index" template, but the process is identical for each of the four required templates.</p>
<p>The four links below open into new windows that include the code that will replace the default code.  Click on "Main Index Replacement" below.
<script type="text/javascript" language="javascript">
<!--
var newwindow;
function poptastic(url)
{
	newwindow=window.open(url,'name','height=600,width=600');
	if (window.focus) {newwindow.focus()}
}
-->
</script>
<ul class="popuplist">
<li class="popupitem" onClick="poptastic('http://blogs.qc.cuny.edu/blogs/blogtutorials/templatemi.html')">Main Index Replacement</li>
<li class="popupitem" onClick="poptastic('http://blogs.qc.cuny.edu/blogs/blogtutorials/templatess.html')">Stylesheet Replacement</li>
<li class="popupitem" onClick="poptastic('http://blogs.qc.cuny.edu/blogs/blogtutorials/templateie.html')">Individual Entry Archive Replacement</li>
<li class="popupitem" onClick="poptastic('http://blogs.qc.cuny.edu/blogs/blogtutorials/templateca.html')">Category Archive Replacement</li>
</ul>
<p>Highlight all of the text in the box by pressing Ctrl-A, or Cmd-A on the Mac.  You can also hold down the mouse button and drag the cursor over all of the text.  Once the text is highlighted, copy it by either pressing Ctrl-C/Cmd-C or by right-clicking on the text and choosing "Copy".</p>


      <td style="padding: 10px;"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/home2.jpg" width="350"></td>
   </tr>
</table>
<a name="next"><hr width="50%" align=center></a>

<table>
   <tr>
      <td padding="10px;">Find the window, opened a few steps earlier, with the words "Index Templates" in its title.  Click on "Main Index".</td>
      <td padding="10px;"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/home3.jpg" width="350"></td>
   </tr>
   </table>
<hr width="50%" align=center>
<table>
   <tr>
      <td style="padding: 10px;"><p>Now we'll replace this code with the code you copied a few steps ago.  Highlight and delete all of the code in the large text box entitled "Template Body".  Then paste the new code by clicking on the Template Body box (make sure that your blinking cursor appears in the box) and either typing Ctrl-V/Cmd-V or right-clicking and choosing "Paste".</p>
<p>After you've successfully pasted the new code, click the "Save" button, just beneath the Template Body box.</p></td>

      <td style="padding: 10px;"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/home4.jpg" width="350"></td>
   </tr>
 </table>
<hr width="50%" align=center>
<table>
   <tr>
      <td style="padding: 10px;">Click on the Templates button in the left-hand menu (the same one you clicked earlier) to get back to the Index Templates page.  Repeat the process just described with the <a href="#list">three remaining templates</a>: the Stylesheet, the Category Archive, and the Individual Entry Archive.  The Stylesheet is found on the same page as the "Main Index" template, and you can find the Category and Individual Entry Archives by clicking on the "Archives" tab, as shown at the right. </td>
      <td style="padding: 10px;"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/home5.jpg" width="350"></td>
   </tr>

 </table>
<hr width="50%" align=center>
<table>
   <tr>
      <td style="padding: 20px;"><p>Now it's time to test these new templates.  Click Rebuild Site (at the bottom of the left-hand menu), and choose "View your site" once the rebuild process completes.  Your site should now have three columns: the left one containing, among other things, the "Meta" category; the right one containing, among other things, your blogroll; and the middle one empty.</p>
<p>Your new layout is now ready for use.  Content that you would like to appear perpetually at the top of your blog's middle column should be contained in a new entry, in the category <strong>welcome</strong>.  Blog-like entries destined for the middle column should be placed in the <strong>dynamic</strong> category.  And static entries like your syllabus should be in the <strong>pages</strong> category.</li>
</ul>

<p>Please note: After completing this process, you'll notice that "welcome", "dynamic", and "pages" appear under the Categories heading in the right-hand column of your blog.  You are encouraged to follow the steps in <a href="#four">Section 4</a> of this tutorial in order to set up subcategories, a process that will automatically hide these three category headings and replace them with meaningful subcategories of your choosing.  If you do not plan to use the subcategory feature described <a href="#four">Section 4</a> and would like to remove the Categories section of your right sidebar altogether, please contact <a href="mailto:QCblogs@qc.cuny.edu">QCblogs@qc.cuny.edu</a>.</p>
<p><a href="http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/08/using_categories.html">Click here</a> for a primer on using MT's Categories feature to label a new entry.</p>
<p><a href="http://blogs.qc.cuny.edu/blogs/blogashomepage">Click here</a> to take another look at the sample site and get a feel for how the system works.</p>
<br /><br />
<p>Sections 3 and 4 are for those users who want to customize their new three-column layout even further.</p>
 </table>


<a name="three"><hr width="50%" align=center></a>
<h3>(3) Customizing your color scheme</h3>
<table>
   <tr>
      <td style="padding: 10px;"><p>Using these custom templates means that <a href="http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/how_to_change_your_blogs_color.html">Stylecatcher themes</a> are no longer compatible with your blog.  What follows describes some alternate methods for customizing your site's color scheme.</p>
<p>I've created a few ready-made stylesheets that you can simply cut and paste into the Stylesheet template, as per the instructions in <a href="#one">section 1</a> of this tutorial.</p>
<ul class="popuplist">
<li class="popupitem" onClick="poptastic('http://blogs.qc.cuny.edu/blogs/blogtutorials/white.html')">White</li>
<li class="popupitem" onClick="poptastic('http://blogs.qc.cuny.edu/blogs/blogtutorials/grey.html')">Grey</li>
<li class="popupitem" onClick="poptastic('http://blogs.qc.cuny.edu/blogs/blogtutorials/orange.html')">Orange</li>
</ul>
<p>In the left-hand menu, click on "Templates".  Then click on "Stylesheet", near the bottom of the list of Index Templates.  Written in a language called CSS (short for Cascading Style Sheets), the code in the Template Body box of the Stylesheet determines the colors and fonts for your entire blog. </td>
      <td style="padding: 10px;"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/home9.jpg" width="350"></td>
   </tr>

 </table>

<hr width="50%" align=center>
<table>
   <tr>
      <td style="padding: 20px;"><p>You only need to know a few things about CSS syntax to edit it yourself.  (<a href="http://www.w3schools.com/css/css_syntax.asp">Click here</a> for more in-depth information.)  The general format of a line of CSS is like this:
<blockquote>body { color: black; }</blockquote>
where "body" refers to the part of the web page whose style you're editing, "color" is the property being modified, and "black" is the value you're assigning to that property.  Note how "color: black" is followed by a semi-colon and surrounded by brackets: this punctuation is crucial to the stylesheet, so be careful not to leave it out.</p>
<p><em>Comments</em> are notes that have been added to the stylesheet to help others understand it better, and have no effect on the page.  They are punctuated like this:
<blockquote>/* #container - the main center portion of your blog */</blockquote> Your stylesheet has been heavily annotated with such comment in order to show you which parts of your site you'll be affecting when you change the style.</p>
<p>All the CSS you'll need to edit has been sorted and moved to the top of the stylesheet.  The colors in CSS can be specified either by color words like "black" and "red", or by hexadecimal codes, such as the ones found <a href="http://www.webmonkey.com/webmonkey/reference/color_codes/">on this page</a>.  Try swapping out some of the codes in your stylesheet with some that you find on this page, rebuilding the stylesheet (with the "Save and Rebuild" button), and checking out your site to get the feel of CSS.</p>
<p>It's a good idea to keep backups of your stylesheet on your computer, as MT does not keep backups of your work.  Do this by pasting the contents of your stylesheet into a Word document.  If you ever break your stylesheet beyond repair, simply replace the broken version with the custom-built Stylesheet Replacement, as per the instructions earlier on this page.</td>

   </tr>

 </table>


<a name="four"><hr width="50%" align=center></a>
<h3>(4) Using subcategories to organize dynamic content</h3>

<table>
   <tr>
      <td style="padding: 20px;"><p>This three-column layout uses MT's Categories feature to sort dynamic from static content.  You might want to further organize the content of your site, however.  For example, the category <strong>dynamic</strong> contains all your blog-style entries for the term, appearing in the middle column of the blog.  But these posts might very well be of various types: writing prompts, announcements, links to news articles, etc.  By creating <em>subcategories</em> under the top-level category <strong>dynamic</strong>, you can group these posts in a logical way.  </td>
   </tr>
</table>

<hr width="50%" align=center>

<table>
   <tr>
      <td style="padding: 10px;"><p>Click on the "Categories" button in the left-hand menu of your admin page to reach the Categories page.  If you've followed the instructions in <a href="#two">section 2</a> of this tutorial, you should see three top-level categories: <strong>dynamic</strong>, <strong>pages</strong>, and <strong>welcome</strong>.  To add a subcategory to <strong>dynamic</strong>, click the "Create" link directly across from "dynamic".</td>
      <td style="padding: 10px;"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/home10.jpg" width="350"></td>
   </tr>
</table>




<hr width="50%" align=center>

<table>
   <tr>
      <td style="padding: 10px;"><p>In the box that pops up, title the subcategory however you'd like.  Unlike with the top-level categories, capitalization here is unimportant, so you can mix upper- and lower-case letters however you'd like.</td>
      <td style="padding: 10px;"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/home11.jpg" width="350"></td>
   </tr>
</table>


<hr width="50%" align=center>

<table>
   <tr>
      <td style="padding: 10px;"><p>Test out the new subcategory by composing a new entry and assigning it to this subcategory.  Publish and save the entry, rebuild your blog, and view your site.  The post should appear in the middle column of your blog.  In addition, you'll find a new link under the "Categories" heading in the right-hand menu, as shown here.  By clicking on this link, readers can see just the entries in the Announcements subcategory.</p>
<p>Repeat this process to add as many subcategories as you'd like.</p> </td>
      <td style="padding: 10px;"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/home12.jpg" width="200"></td>
   </tr>
</table>
]]></description>
         <link>http://blogs.qc.cuny.edu/blogs/blogtutorials/2008/01/using_your_blog_as_a_course_ho.html</link>
         <guid>http://blogs.qc.cuny.edu/blogs/blogtutorials/2008/01/using_your_blog_as_a_course_ho.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">Customizing Your Blog</category>
        
        
         <pubDate>Tue, 08 Jan 2008 14:14:20 -0500</pubDate>
      </item>
            <item>
         <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <title>Changing your blog&apos;s title</title>
         <description></description>
         <link>http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/10/changing_your_blogs_title.html</link>
         <guid>http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/10/changing_your_blogs_title.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">Customizing Your Blog</category>
        
        
         <pubDate>Wed, 04 Oct 2006 17:15:58 -0500</pubDate>
      </item>
            <item>
         <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <title>Creating links within your blog entry</title>
         <description></description>
         <link>http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/post.html</link>
         <guid>http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/post.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">Posting Tricks</category>
        
        
         <pubDate>Thu, 21 Sep 2006 23:26:06 -0500</pubDate>
      </item>
            <item>
         <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <title>Leaving comments on another blog</title>
         <description></description>
         <link>http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/yeah.html</link>
         <guid>http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/yeah.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">Reading Other Blogs</category>
        
        
         <pubDate>Thu, 21 Sep 2006 23:10:27 -0500</pubDate>
      </item>
            <item>
         <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <title>Changing your blog&apos;s color scheme</title>
         <description></description>
         <link>http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/how_to_change_your_blogs_color.html</link>
         <guid>http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/how_to_change_your_blogs_color.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">Customizing Your Blog</category>
        
        
         <pubDate>Thu, 21 Sep 2006 19:53:55 -0500</pubDate>
      </item>
            <item>
         <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <title>Inserting images into your entry</title>
         <description> </description>
         <link>http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/how_to_insert_images_into_your.html</link>
         <guid>http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/how_to_insert_images_into_your.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">Posting Tricks</category>
        
        
         <pubDate>Wed, 20 Sep 2006 14:35:56 -0500</pubDate>
      </item>
            <item>
         <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <title>Inserting other types of files</title>
         <description><![CDATA[<table width="100%">
   <tr>
      <td class="textbox">If want to insert a document into your blog entry, such as your syllabus or a PDF document, start by clicking the "Upload File" button under the "Posting" menu on the left hand side of your screen.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/file1.jpg" width="95%" /></td>
   </tr>
 </table>
<hr width="50%" align=center>
<table>
   <tr>

      <td class="textbox">A window will pop up similar to the one at the right.  (If no window pops up, you might have pop-up blocking software installed.  Disable it to continue.)  Click the "Browse" button.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/file2.jpg" width="95%" /></td>
   </tr>
</table>
<hr width="50%" align=center></td>
<table>
   <tr>
      <td width="50%" align=center valign=center>Navigate to the file you want to and choose "Open".  My sample document is a PDF, but you can also upload other document formats, such as .doc (Microsoft Word) and .xls (Microsoft Excel).</td>
<td width="50%" align=center valign=center><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/file3.jpg" width="95%" /></td>
   </tr>

 </table>

 <hr width="50%" align=center>
<table>
   <tr>

      <td class="textbox">The Browse screen will disappear, as you will be directed back to the "Upload" window.  If everything has gone correctly, your image's location (or however much of it will fit) will appear in the box next to the "Browse" button.  Click the "Upload" button to continue.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/file4.jpg" width="100%" /></td>
   </tr>
   </table>
<hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">After clicking the "Upload" button, you may have to wait a few moments for the file to upload to the server (your wait will depend on the size of the file and the speed of your internet connection).  When the upload is complete, a new window will pop up.  By default, "Create a new entry using this uploaded file" is selected; you'll want to select "Show me the HTML" instead.  <strong>If you don't select "Show me the HTML", you will lose whatever progress you've made on your entry so far.</strong>  Then click the "Link" button.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/file5.jpg" width="100%" /></td>

   </tr>
 </table>
<hr width="50%" align=center>
<table>   
   <tr>
      <td class="textbox">A new window will appear which looks something like the one at the right.  It contains the code you'll need to insert the uploaded image into your blog.  Highlight the text and copy it (Ctrl-C on Windows, Cmd-C on a Mac).</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/file6.jpg" width="100%" /></td>
   </tr>
</table>
   <hr width="50%" align=center>

<table>
  <tr>
      <td class="textbox">Return to the window containing your blog post.  Click inside the text box where you want the image to appear.  Press Ctrl-V (Windows) or Cmd-V (Mac) to paste the code into your post.  By default, the link text will read "Download File"; you can change this text to whatever you'd like (being sure not to disrupt the code around it).</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/file7.jpg" width="100%" /></td>
   </tr>
  </table>
     <hr width="50%" align=center>
<table>
   <tr>

      <td class="textbox">Publish and save your entry and rebuild your site to see the link on the front-end of your blog.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/file8.jpg" width="100%" /></td>
   </tr>
</table>]]></description>
         <link>http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/uploading_documents_and_insert.html</link>
         <guid>http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/uploading_documents_and_insert.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">Posting Tricks</category>
        
        
         <pubDate>Tue, 19 Sep 2006 15:37:04 -0500</pubDate>
      </item>
            <item>
         <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <title>Making large images fit on your page</title>
         <description></description>
         <link>http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/how_to_make_large_images_fit_o.html</link>
         <guid>http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/how_to_make_large_images_fit_o.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">Posting Tricks</category>
        
        
         <pubDate>Mon, 18 Sep 2006 12:41:43 -0500</pubDate>
      </item>
            <item>
         <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <title>Using the Extended Entry feature</title>
         <description></description>
         <link>http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/how_to_use_the_extended_entry.html</link>
         <guid>http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/how_to_use_the_extended_entry.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">Posting Tricks</category>
        
        
         <pubDate>Tue, 12 Sep 2006 14:47:55 -0500</pubDate>
      </item>
            <item>
         <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <title>Embedding a YouTube video</title>
         <description></description>
         <link>http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/embedding_a_youtube_video.html</link>
         <guid>http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/embedding_a_youtube_video.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">Posting Tricks</category>
        
        
         <pubDate>Mon, 11 Sep 2006 13:53:43 -0500</pubDate>
      </item>
            <item>
         <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <title>Creating a new entry</title>
         <description><![CDATA[<table width="100%">
   <tr>
      <td class="textbox">It's easy to create a new blog entry in Movable Type.  First, <a href="http://mtblogs.qc.cuny.edu/mt.cgi">log in</a> to your Movable Type account.</td>

      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/post1.jpg" width="95%" /></td>
   </tr>
 </table>
<hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">On the next screen you'll see some links pertaining to your blog.  Click "Create a new entry on this weblog", an icon which will appear directly to the right of your blog's title.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/post2.jpg" width="95%" /></td>
   </tr>

</table>
<hr width="50%" align=center></td>
<table>
   <tr>
      <td class="textbox">The "Create New Entry" screen will come up.  Type the contents of your post, being sure to fill in the "Title" box as well.  If you're writing a long post, it's a good idea to click the "Save" button every once in a while to save your progress.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/post3.jpg" width="100%" /></td>
   </tr>
   </table>
<hr width="50%" align=center>
<table>
   <tr>

      <td class="textbox">When you're finished writing your post, you must publish it.  <strong>You must publish your entry in order for it to show up on your blog.</strong>  To publish, first select "Published" from the "Status" dropdown menu (located to the right of the "Title" field).  Then click "Save", as in the picture above.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/post4.jpg" width="100%" /></td></tr>
 </table>
<hr width="50%" align=center>
<table>   
   <tr>
      <td class="textbox">Whenever you write a new entry (or otherwise update your blog), the last step to making it public is "rebuilding" your site. To do this, click the "Rebuild Site" button near the bottom of the left-hand column.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/post5.jpg" width="100%" /></td>
   </tr>

</table>
   <hr width="50%" align=center>
<table>
  <tr>
      <td class="textbox">In the window that appears, make sure "Rebuild All Files" is selected, and click "Rebuild".  The rebuilding process will take a few seconds.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/post6.jpg" width="100%" /></td>
   </tr>
  </table>
     <hr width="50%" align=center>

<table>
   <tr>
      <td class="textbox">That's it!  You can now visit your site by clicking "View my page now" on the window that appears, or by clicking "View Site" at the bottom of the left-hand column.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/post7.jpg" width="100%" /></td>
   </tr>
</table>]]></description>
         <link>http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/creating_a_new_entry.html</link>
         <guid>http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/creating_a_new_entry.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">Blog Basics</category>
        
        
         <pubDate>Sun, 10 Sep 2006 01:48:30 -0500</pubDate>
      </item>
            <item>
         <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <title>Approving comments</title>
         <description></description>
         <link>http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/approving_comments.html</link>
         <guid>http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/approving_comments.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">Blog Basics</category>
        
        
         <pubDate>Mon, 04 Sep 2006 15:42:45 -0500</pubDate>
      </item>
            <item>
         <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <title>Using categories</title>
         <description></description>
         <link>http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/08/using_categories.html</link>
         <guid>http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/08/using_categories.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">Blog Basics</category>
        
        
         <pubDate>Tue, 29 Aug 2006 14:33:29 -0500</pubDate>
      </item>
            <item>
         <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <title>Subscribing to RSS feeds</title>
         <description></description>
         <link>http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/08/subscribing_to_rss_feeds.html</link>
         <guid>http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/08/subscribing_to_rss_feeds.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">Reading Other Blogs</category>
        
        
         <pubDate>Fri, 04 Aug 2006 16:33:37 -0500</pubDate>
      </item>
            <item>
         <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <title>Editing your blogroll</title>
         <description><![CDATA[<table>
   <tr>
      <td style="padding: 10px;"><p><strong>Note to students:</strong> This tutorial applies to instructor blogrolls only.  Student blogrolls are automatic copies of the professor's blogroll, and cannot be changed manually by the student.</p>
<p>Instructor blogrolls are automatically created and updated several times during the first few weeks of the semester.  But at some point you might want to edit the blogroll yourself, either by adding new links, deleting old links, or changing the links that are already there. </p>
<p>This tutorial will show you how to edit your blogroll from the back-end, or administrative side, of your blog.  To make these changes public, be sure to rebuild your site.  Your students' blogrolls are linked to yours and will be updated automatically, <strong>but only when their blogs are also rebuilt</strong>.  You rebuild your students' blogs by clicking on each one's blog on your administrative page, but the best practice is to encourage your students to rebuild their own blogs on a regular basis.</td>
      <td style="padding: 10px;"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/blogroll1.jpg" width="250"></td>
   </tr>

 </table>

<hr width="50%" align=center>
<table>
   <tr>
      <td style="padding: 10px;">At the bottom right of your blog's admin page, find the heading "Plugin Actions".  Click on the link "Edit My Blogroll".</td>
      <td style="padding: 10px;"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/blogroll2.jpg" width="350"></td>
   </tr>

 </table>

<hr width="50%" align=center>
<table>
   <tr>
      <td style="padding: 10px;"><p>Let's first add a new student to our blogroll.  Click on the "Add Link" button, under "Manage" on the left-hand menu.</td>
      <td style="padding: 10px;"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/blogroll3.jpg" width="350"></td>
   </tr>

 </table>


<a name="next"><hr width="50%" align=center></a>

<table>
   <tr>
      <td style="padding: 10px;"><p>There are two ways to fill in the boxes on this page.  If you fill the URL of the new student blog into the first box and clicking "Quick Add", Movable Type will automatically fill in the rest of the necessary information and save the link for you.  Alternatively, you can manually fill in the student's name into the "Weblog Name" box (this is the text that will become the link on your blogroll) and the blog's address into the URI box, as in the image at the right.  Click on "Save" to continue.</p>


      <td style="padding: 10px;"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/blogroll4.jpg" width="350"></td>
   </tr>
</table>


<a name="next"><hr width="50%" align=center></a>

<table>
   <tr>
      <td style="padding: 10px;"><p>At this point you should see a yellow box reading "Link Updated".  This means that the new link has been successfully added to the system.  Click "Rebuild Site" to make the change visible on the front end of your blog.</p>
<p><strong>If you want to add another link to your blogroll, click on "Add New Link" on the left-hand menu</strong>.  Do not simply enter the new information into the boxes on your screen, as this will overwrite the link that you just created.</p>
<p>Now let's learn how to edit existing links.  Click on "Show Blogroll" to get back to the blogroll administration page.</p>


      <td style="padding: 10px;"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/blogroll5.jpg" width="350"></td>
   </tr>
</table>


<a name="next"><hr width="50%" align=center></a>

<table>
   <tr>
      <td style="padding: 10px;"><p>To edit a link, click on its title.  In the case of links to student blogs, this will typically be the name of the student.</p>


      <td style="padding: 10px;"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/blogroll6.jpg" width="350"></td>
   </tr>
</table>

<a name="next"><hr width="50%" align=center></a>

<table>
   <tr>
      <td style="padding: 10px;"><p>Enter the changes you'd like to make, and click the "Save" button.  Rebuild your blog to make the changes visible on the front end.</p>


      <td style="padding: 10px;"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/blogroll7.jpg" width="350"></td>
   </tr>
</table>


<a name="next"><hr width="50%" align=center></a>

<table>
   <tr>
      <td style="padding: 10px;"><p>To delete a link from your blog altogether, check the box next to the link on your blogroll admin page, and click the Delete button.  Keep in mind that this only deletes the link from your blogroll, and does not affect the student's blog or status in Movable Type.</p>


      <td style="padding: 10px;"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/blogroll8.jpg" width="350"></td>
   </tr>
</table>]]></description>
         <link>http://blogs.qc.cuny.edu/blogs/blogtutorials/2005/02/editing_your_blogroll.html</link>
         <guid>http://blogs.qc.cuny.edu/blogs/blogtutorials/2005/02/editing_your_blogroll.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">Customizing Your Blog</category>
        
        
         <pubDate>Sun, 06 Feb 2005 13:37:02 -0500</pubDate>
      </item>
      
   </channel>
</rss>
