<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
   <title>Blog Tutorials_</title>
   <link rel="alternate" type="text/html" href="http://blogs.qc.cuny.edu/blogs/blogtutorials/" />
   <link rel="self" type="application/atom+xml" href="http://blogs.qc.cuny.edu/blogs/blogtutorials/atom.xml" />
   <id>tag:blogs.qc.cuny.edu,2008:/blogs/blogtutorials/90</id>
   <updated>2008-03-05T18:47:20Z</updated>
   <subtitle>A resource for students and faculty using the Movable Type blogging software at Queens College</subtitle>
   <generator uri="http://www.sixapart.com/movabletype/">Movable Type Enterprise 1.02</generator>

<entry>
   <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <title>Using your blog as a course home page</title>
   <link rel="alternate" type="text/html" href="http://blogs.qc.cuny.edu/blogs/blogtutorials/2008/01/using_your_blog_as_a_course_ho.html" />
   <id>tag:blogs.qc.cuny.edu,2008:/blogs/blogtutorials//90.6157</id>
   
   <published>2008-01-08T19:14:20Z</published>
   <updated>2008-03-05T18:47:20Z</updated>
   
   <summary> One of the blog&apos;s great strengths is its dynamic 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...</summary>
   <author>
      <name>Boone  Gorges</name>
      
   </author>
         <category term="Customizing Your Blog" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="en" xml:base="http://blogs.qc.cuny.edu/blogs/blogtutorials/">
      <![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>
]]>
      
   </content>
</entry>
<entry>
   <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <title>Changing your blog&apos;s title</title>
   <link rel="alternate" type="text/html" href="http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/10/changing_your_blogs_title.html" />
   <id>tag:blogs.qc.cuny.edu,2006:/blogs/blogtutorials//90.331</id>
   
   <published>2006-10-04T22:15:58Z</published>
   <updated>2008-01-08T19:08:39Z</updated>
   
   <summary></summary>
   <author>
      <name>Boone  Gorges</name>
      
   </author>
         <category term="Customizing Your Blog" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="en" xml:base="http://blogs.qc.cuny.edu/blogs/blogtutorials/">
      
      <![CDATA[<table>
   <tr>
      <td class="textbox">By default, your blog's title is simply your full name.  If you prefer to go by another name, or if you'd simply like your blog's title to be more exciting, you can change it.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/title1.jpg" width="450"></td>
   </tr>
</table>
<hr width="50%" align=center>
<table width="100%">
   <tr>
      <td class="textbox">From your blog's administration page, choose "Settings" from the left-hand menu.  It's under the "Configure" heading.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/title2.jpg" width="450" /></td>
   </tr>
 </table>
<hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">Under the heading "Weblog Settings" is a text-entry box entitled  "Weblog Name".  Change this to whatever you want your blog's new title to be.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/title3.jpg" width="450"></td>
   </tr>
</table>
<hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">Scroll all the way to the bottom of the current page and click the "Save Changes" button.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/title4.jpg" width="450"></td>
   </tr>
   </table>
<hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">Be sure to rebuild your site to make the changes public.  To check out the results, head back to your blog.  You may have to hit "Reload" or "Refresh" in your browser to see the changes.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/title5.jpg" width="450"></td>
   </tr>
 </table>
<hr width="50%" align=center>
]]>
   </content>
</entry>
<entry>
   <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <title>Creating links within your blog entry</title>
   <link rel="alternate" type="text/html" href="http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/post.html" />
   <id>tag:blogs.qc.cuny.edu,2006:/blogs/blogtutorials//90.230</id>
   
   <published>2006-09-22T04:26:06Z</published>
   <updated>2008-01-08T19:03:43Z</updated>
   
   <summary></summary>
   <author>
      <name>Boone  Gorges</name>
      
   </author>
         <category term="Posting Tricks" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="en" xml:base="http://blogs.qc.cuny.edu/blogs/blogtutorials/">
      
      <![CDATA[<table>
   <tr>
      <td class="textbox">Chunks of text on a web page that, when clicked, take you to another web page are called "hyperlinks", or "links" for short.  It's easy to make hyperlinks in your own blog entries.  The first thing you'll need is the URL, or web address, of the page you'll be linking to.  An easy way to get this is by copying it from the Address bar in your browser while you're visiting the page and choosing Copy (Ctrl-C).</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/link1.jpg" width="450"></td>
   </tr>
</table>
<hr width="50%" align=center>
<table width="100%">
   <tr>
      <td class="textbox">On the "Create New Entry" page, highlight the text you want to be clickable.  Then click the button with a picture of a chain on it above the entry box (chain...link...get it?)</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/link2.jpg" width="450" /></td>
   </tr>
 </table>
<hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">Paste the URL into the box that appears (right-click-->Paste or Ctrl-V).</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/link3.jpg" width="450"></td>
   </tr>
</table>
<hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">The text you selected to be clickable will now be surrounded by a bunch of code.  Publish, save, and rebuild to see the results.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/link4.jpg" width="450"></td>
   </tr>
   </table>
<hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">That code has been transformed, through the magic of technology, into a hyperlink.  Click to test.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/link5.jpg" width="450"></td>
   </tr>
 </table>
<hr width="50%" align=center>
]]>
   </content>
</entry>
<entry>
   <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <title>Leaving comments on another blog</title>
   <link rel="alternate" type="text/html" href="http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/yeah.html" />
   <id>tag:blogs.qc.cuny.edu,2006:/blogs/blogtutorials//90.227</id>
   
   <published>2006-09-22T04:10:27Z</published>
   <updated>2008-01-08T19:03:43Z</updated>
   
   <summary></summary>
   <author>
      <name>Boone  Gorges</name>
      
   </author>
         <category term="Reading Other Blogs" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="en" xml:base="http://blogs.qc.cuny.edu/blogs/blogtutorials/">
      
      <![CDATA[<table width="100%">
   <tr>
      <td class="textbox">There will come a day when you'll read a classmate's blog and want to leave him or her a comment.  Movable Type makes this easy.  Below each entry on a blog, the word "Comments" appears.  The number in parentheses indicates the number of comments that have so far been left on that entry.  To leave your own comment, or to read what others have said, click on this link.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/comment1.jpg" width="450" /></td>
   </tr>
 </table>
<hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">You'll be taken to the comments section for that entry.  If others have already posted comments on this entry, you'll be able to read them here.  If you'd like to take another look at the entry you're posting on, scroll up.<br /> <br />When you're ready to leave a comment, fill in the text fields as directed.  (The "URL" box is for you to fill in the address of your website.  You might want to put your blog's address here.)  To post anonymously, leave those fields blank.  If you check "Remember personal info?", you won't have to retype your information each time you comment; if you're working on a public computer, you should leave this box unchecked.<br /><br />Type your comment in the large text box, and click the "Post" button when you're ready to submit.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/comment2.jpg" width="450"></td>
   </tr>
</table>
<hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">After clicking "Post", you'll be taken to a page telling you that your comment is being held for moderation.  Your comment won't be visible on the blog entry until the blog owner approves it.  How long this will take depends on how often the blog owner checks her email--don't be worried if it takes a while for the comment to show up.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/comment3.jpg" width="450"></td>
   </tr>
   </table>
<hr width="50%" align=center>]]>
   </content>
</entry>
<entry>
   <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <title>Changing your blog&apos;s color scheme</title>
   <link rel="alternate" type="text/html" href="http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/how_to_change_your_blogs_color.html" />
   <id>tag:blogs.qc.cuny.edu,2006:/blogs/blogtutorials//90.153</id>
   
   <published>2006-09-22T00:53:55Z</published>
   <updated>2008-01-08T19:03:43Z</updated>
   
   <summary></summary>
   <author>
      <name>Boone  Gorges</name>
      
   </author>
         <category term="Customizing Your Blog" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="en" xml:base="http://blogs.qc.cuny.edu/blogs/blogtutorials/">
      
      <![CDATA[<p><table width="100%">
   <tr>
      <td class="textbox">Tired of your blog's color scheme?  Movable Type has a variety of different themes you can apply to your blog.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/theme1.jpg" width="95%" /></td>
   </tr>
 </table>
<hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">Log into your Movable Type account and click on the title of your blog.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/theme2.jpg" width="95%" /></td>
   </tr>
</table>
 <hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">Under the "Plugin Actions" in the bottom-right corner of the screen, click "Select a Design using StyleCatcher".</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/theme3.jpg" width="100%" /></td>
   </tr>
   </table>
<hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">You'll need to load the themes from Movable Type's website.  Click the "Find Styles" button to do this.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/theme4.jpg" width="100%" /></td>
   </tr>
 </table>
<hr width="50%" align=center>
<table>   
   <tr>
      <td class="textbox">It'll take a few minutes for the themes to load.  Once they do, find one you like.  Highlight it and click the "Apply Selected Design" button near the bottom of the page.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/theme5.jpg" width="100%" /></td>
   </tr>
</table>
   <hr width="50%" align=center>
<table>
  <tr>
      <td class="textbox">It will take a few seconds for Movable Type to apply the theme.  Once you receive a message that the theme has been successfully applied, load your blog's main page to see the results.  You may have to hit the "Refresh" or "Reload" button in your browser first.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/theme6.jpg" width="100%" /></td>
   </tr>
  </table>
     <hr width="50%" align=center>]]>
   </content>
</entry>
<entry>
   <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <title>Inserting images into your entry</title>
   <link rel="alternate" type="text/html" href="http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/how_to_insert_images_into_your.html" />
   <id>tag:blogs.qc.cuny.edu,2006:/blogs/blogtutorials//90.75</id>
   
   <published>2006-09-20T19:35:56Z</published>
   <updated>2008-02-07T20:56:41Z</updated>
   
   <summary></summary>
   <author>
      <name>Boone  Gorges</name>
      
   </author>
         <category term="Posting Tricks" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="en" xml:base="http://blogs.qc.cuny.edu/blogs/blogtutorials/">
       
      <![CDATA[<p><table width="100%">
   <tr>
      <td class="textbox">If you're writing a blog post and want to insert an image, 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/upload1.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 left.  (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/upload2.jpg" width="95%" /></td>
   </tr>
</table>
<hr width="50%" align=center></td>
<table>
   <tr>
      <td width="100%" align=center valign=center>Another window will pop up.  On Windows, the window will look like the left-hand window below.  On Mac OS X, it will resemble the right-hand window.  Navigate to the photo (in this case, the file is called "duck.jpg" and is located on the Desktop) and choose "Open".</td>
   </tr>
 </table>
<table>
   <tr>
      <td width="50%" valign=center align=center><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/upload4.jpg" width="95%" /></td>
      <td width="50%" valign=center align=center><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/upload3.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 (right).  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 (in this case, "/Users/Boone/Desktop/du"....  Click the "Upload" button to continue.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/upload5.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 minutes for the picture to upload to the server (your wait will depend on the size of your image and the speed of your internet connection).  When the upload is complete, a new window will pop up (left).  By default, "Create a new entry using this uploaded file" is selected; you'll want to select "Show me the HTML" instead.  Then click the "Embedded Image" button.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/upload6.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/upload7.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.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/upload8.jpg" width="100%" /></td>
   </tr>
  </table>
     <hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">That's it!  When you publish your blog post, the image will appear at the point where you inserted the code.  If your image is too large for the alloted space and is getting cut off, see <a href="http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/how_to_make_large_images_fit_o.html">this tutorial on making your images fit</a>.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/upload9.jpg" width="100%" /></td>
   </tr>
</table>
<hr width="50%" align=center>]]>
   </content>
</entry>
<entry>
   <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <title>Inserting other types of files</title>
   <link rel="alternate" type="text/html" href="http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/uploading_documents_and_insert.html" />
   <id>tag:blogs.qc.cuny.edu,2008:/blogs/blogtutorials//90.6376</id>
   
   <published>2006-09-19T20:37:04Z</published>
   <updated>2008-02-07T20:57:22Z</updated>
   
   <summary> If want to insert a document into your blog entry, such as your syllabus or a PDF document, start by clicking the &quot;Upload File&quot; button under the &quot;Posting&quot; menu on the left hand side of your screen. A window...</summary>
   <author>
      <name>Boone  Gorges</name>
      
   </author>
         <category term="Posting Tricks" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="en" xml:base="http://blogs.qc.cuny.edu/blogs/blogtutorials/">
      <![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>]]>
      
   </content>
</entry>
<entry>
   <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <title>Making large images fit on your page</title>
   <link rel="alternate" type="text/html" href="http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/how_to_make_large_images_fit_o.html" />
   <id>tag:blogs.qc.cuny.edu,2006:/blogs/blogtutorials//90.195</id>
   
   <published>2006-09-18T17:41:43Z</published>
   <updated>2008-01-08T19:03:43Z</updated>
   
   <summary></summary>
   <author>
      <name>Boone  Gorges</name>
      
   </author>
         <category term="Posting Tricks" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="en" xml:base="http://blogs.qc.cuny.edu/blogs/blogtutorials/">
      
      <![CDATA[<table width="100%">
   <tr>
      <td class="textbox">Some images are too wide to fit comfortably on your blog.  There are several ways to deal with this problem.
<ul><li><a href="#one">The first method</a> is simple, but requires both courage (you'll be playing with HTML code) and some trial and error.</li>
<li><a href="#two">The second method</a> is lengthier, but requires no HTML and should work every time.</li></ul></td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/resize1.jpg" width="450" /></td>
   </tr>
 </table>
<hr width="50%" align=center><br /><a name="one"><hr width="50%" align=center></a>
<h3>Method One:</h3>
<table>
   <tr>
      <td class="textbox">On your blog administration page, you'll see a list of the entries in your blog (if you don't see this, click "Entries" in the left hand column).  Choose the entry with the unwieldy picture--in this case, the entry is called "Pretty Picture".</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/resize2.jpg" width="450" /></td>
   </tr>
</table>
 <hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">When your entry appears, find the code that corresponds to the image (it will begin with "img...").  Near the end of this piece of code, you'll find a "width=" and a "height=" attribute.  We're going to alter these in order to make your image fit.  First, select and delete the <strong>height="..."</strong> text.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/resize3.jpg" width="450" /></td>
   </tr>
   </table>
<hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">Next, find the number that specifies the width of the image, and select it.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/resize4.jpg" width="450" /></td>
   </tr>
 </table>
<hr width="50%" align=center>
<table>   
   <tr>
      <td class="textbox">Then you must specify a new width for the image.  The maximum width allowed on your blog is 480 pixels; choose a number equal to or less than 480, and replace the image's current width with that number.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/resize5.jpg" width="450" /></td>
   </tr>
</table>
   <hr width="50%" align=center>
<table>
  <tr>
      <td class="textbox">Save your entry, rebuild your site, and view your site.  The picture will now be resized according to your specifications.  Because we deleted the reference to the image's height and focused only on its width, the image is rendered according to its original proportions.  If you're unhappy with the size of the image, go back to your entry and choose a new width.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/resize6.jpg" width="450" /></td>
   </tr>
  </table>
<hr width="50%" align=center><br /><a name="two"><hr width="50%" align=center></a>
<h3>Method Two:</h3>
<table>
   <tr>
      <td class="textbox">In your blog's administration page, navigate to your entry (see <a href="#one">Method One</a> for more details).  The first step is to re-upload the image from your hard drive.  Click on "Upload File", near the top of the left-hand column, and go through the steps for uploading your file (see <a href="http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/how_to_insert_images_into_your.html" target="_blank">this tutorial</a> for a refresher).</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/resize7.jpg" width="450" /></td>
   </tr>
</table>
 <hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">Because this is the second time you've uploaded this very picture, you'll get a warning message asking whether you want to overwrite the existing file.  Choose "Yes".</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/resize8.jpg" width="450" /></td>
   </tr>
   </table>
<hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">Next, you'll be shown a window like the one at the left.  Make sure "Show me the HTML" is selected, and click the "Popup Image" button.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/resize9.jpg" width="450" /></td>
   </tr>
 </table>
<hr width="50%" align=center>
<table>   
   <tr>
      <td class="textbox">Select the code that appears and copy it (either by right-clicking and choosing Copy or by pressing Ctrl-C).</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/resize10.jpg" width="450" /></td>
   </tr>
</table>
   <hr width="50%" align=center>
<table>
  <tr>
      <td class="picbox">Return to the page containing your blog entry.  Select the image code (beginning with <strong>img ...</strong>).  Then select Paste, either by right-clicking and selecting "Paste" or by pressing Ctrl-V.  The old code will be replaced by the new, longer code.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/resize11.jpg" width="450" /></td>
   </tr>
  </table>
     <hr width="50%" align=center>
<table>   
   <tr>
      <td class="textbox">Save your revised entry and rebuild your site.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/resize12.jpg" width="450" /></td>
   </tr>
</table>
   <hr width="50%" align=center>
<table>
  <tr>
      <td class="textbox">When you view your site, the oversized image will be replaced by a link reading "View Image".  When you click this link, the full-sized image will pop up in a new window.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/resize13.jpg" width="450" /></td>
   </tr>
  </table>
     <hr width="50%" align=center>]]>
   </content>
</entry>
<entry>
   <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <title>Using the Extended Entry feature</title>
   <link rel="alternate" type="text/html" href="http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/how_to_use_the_extended_entry.html" />
   <id>tag:blogs.qc.cuny.edu,2006:/blogs/blogtutorials//90.207</id>
   
   <published>2006-09-12T19:47:55Z</published>
   <updated>2008-01-08T19:03:43Z</updated>
   
   <summary></summary>
   <author>
      <name>Boone  Gorges</name>
      
   </author>
         <category term="Posting Tricks" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="en" xml:base="http://blogs.qc.cuny.edu/blogs/blogtutorials/">
      
      <![CDATA[<table width="100%">
   <tr>
      <td class="textbox">If your entry is very long, or if you'd like to leave something to the reader's imagination, it might not be ideal to post the entire thing on the front page of your blog.  Movable Type makes it easy to put part of your blog post behind a link ("after the jump", in Blogspeak) with their "extended entry" feature.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/extend1.jpg" width="450" /></td>
   </tr>
 </table>
<hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">First, navigate to the entry editing page of either a new or existing entry (see <a href="http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/how_to_create_a_new_blog_entry.html">this tutorial</a> for a refresher).  If this is an entry that you've just written, make sure you click the "Save" button before continuing, or you'll lose what you've written.  Then click the "Customize the display of this page" link underneath the "Save" and "Preview" buttons.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/extend2.jpg" width="450"></td>
   </tr>
</table>
 <hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">In the box that pops up, you'll need to make a few changes.  First, click the "Custom" button on the left hand side.  Then check the "Extended Entry" box on the right.  Click "Save" to continue.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/extend3.jpg" width="450"></td>
   </tr>
   </table>
<hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">The "Create New Entry" screen will reload.  Instead of seeing a single large text-entry box, you'll see two.  The box entitled "Entry Body" contains the information that will show up on the main page of your blog.  The new box, "Extended Entry", is for any text you want to appear after the jump.<br />
If you're altering an existing post, you'll want to transfer some of your post from the Entry Body box to the Extended Entry box, by highlighting and choosing "Cut" (Ctrl-X).</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/extend4.jpg" width="450"></td>
   </tr>
 </table>
<hr width="50%" align=center>
<table>   
   <tr>
      <td class="textbox">Anything you paste (Ctrl-V) or type into this box will not appear on the main page of your blog.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/extend5.jpg" width="450"></td>
   </tr>
</table>
   <hr width="50%" align=center>
<table>
  <tr>
      <td class="textbox">Make sure you've changed the entry status to "Published", then click "Save" and "Rebuild Site".  When you view your blog's home page, you'll see the text from the "Entry Body" field.  When you click on "Continue reading..."...</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/extend6.jpg" width="450"></td>
   </tr>
  </table>
<hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">...you'll see your post in its entirety.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/extend7.jpg" width="450"></td>
   </tr>
</table>
 <hr width="50%" align=center>
]]>
   </content>
</entry>
<entry>
   <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <title>Embedding a YouTube video</title>
   <link rel="alternate" type="text/html" href="http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/embedding_a_youtube_video.html" />
   <id>tag:blogs.qc.cuny.edu,2007:/blogs/blogtutorials//90.1358</id>
   
   <published>2006-09-11T18:53:43Z</published>
   <updated>2008-01-08T19:03:43Z</updated>
   
   <summary></summary>
   <author>
      <name>Boone  Gorges</name>
      
   </author>
         <category term="Posting Tricks" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="en" xml:base="http://blogs.qc.cuny.edu/blogs/blogtutorials/">
      
      <![CDATA[<table>
   <tr>
      <td class="textbox"><a href="http://www.youtube.com">YouTube</a>, the popular video-sharing site, makes it easy to post content on your blog, as I've done on the right.</td>
      <td class="picbox"><object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/HgocE-JfWFI"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/HgocE-JfWFI" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object></td>
   </tr>
</table>
<hr width="50%" align=center>
<table width="100%">
   <tr>
      <td class="textbox">On each YouTube video's page, you'll see a box entitled "Embed" that contains a few lines of HTML code.  Select that code and copy it.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/youtube1.jpg" width="450" /></td>
   </tr>
 </table>
<hr width="50%" align=center>
<table width="100%">
   <tr>
      <td class="textbox">Then, from your blog's administration page, choose New Entry.  Compose a new entry like you normally would.  (See <a href="http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/how_to_create_a_new_blog_entry.html">this tutorial</a> for a reminder on how to do this.)  At the point in your post where you want to insert the video, paste the code you cut from YouTube.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/youtube2.jpg" width="450" /></td>
   </tr>
 </table>
<hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">When you're finished writing your entry, change the status to "Published", save the entry, and rebuild your site.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/youtube3.jpg" width="450"></td>
   </tr>
</table>
<hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">The new entry, with the video embedded, should show up on your blog's front page.  Remember to post only those videos that are relevant and appropriate to your class blog's purpose.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/youtube4.jpg" width="450"></td>
   </tr>
   </table>]]>
   </content>
</entry>
<entry>
   <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <title>Creating a new entry</title>
   <link rel="alternate" type="text/html" href="http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/creating_a_new_entry.html" />
   <id>tag:blogs.qc.cuny.edu,2008:/blogs/blogtutorials//90.6363</id>
   
   <published>2006-09-10T06:48:30Z</published>
   <updated>2008-01-30T15:51:21Z</updated>
   
   <summary> It&apos;s easy to create a new blog entry in Movable Type. First, log in to your Movable Type account. On the next screen you&apos;ll see some links pertaining to your blog. Click &quot;Create a new entry on this weblog&quot;,...</summary>
   <author>
      <name>Boone  Gorges</name>
      
   </author>
         <category term="Blog Basics" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="en" xml:base="http://blogs.qc.cuny.edu/blogs/blogtutorials/">
      <![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>]]>
      
   </content>
</entry>
<entry>
   <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <title>Approving comments</title>
   <link rel="alternate" type="text/html" href="http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/09/approving_comments.html" />
   <id>tag:blogs.qc.cuny.edu,2006:/blogs/blogtutorials//90.329</id>
   
   <published>2006-09-04T20:42:45Z</published>
   <updated>2008-01-08T19:03:43Z</updated>
   
   <summary></summary>
   <author>
      <name>Boone  Gorges</name>
      
   </author>
         <category term="Blog Basics" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="en" xml:base="http://blogs.qc.cuny.edu/blogs/blogtutorials/">
      
      <![CDATA[<table>
   <tr>
      <td class="textbox">When someone posts a comment to your blog, you will automatically receive an email telling you that a comment is waiting for your approval.  (This approval process prevents "comment spam": comments left by machines with malicious or mercenary motives.)  Clicking on the link in this email may or may not work (it's a little bit buggy).  When you get an email like this, the best thing to do is log into your blog account in the usual way: <a href="http://mtblogs.qc.cuny.edu/mt.cgi">http://mtblogs.qc.cuny.edu/mt.cgi</a>.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/comment4.jpg" width="450"></td>
   </tr>
 </table>
<hr width="50%" align=center>
<table>   
   <tr>
      <td class="textbox">On the main menu of your blog's administration page, you'll see a list of your entries as well as a list of comments.  A green checkmark means that the post/comment is published; a yellow triangle means it's awaiting your approval.  Click on the comment with a yellow triangle next to it.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/comment5.jpg" width="450"></td>
   </tr>
</table>
   <hr width="50%" align=center>
<table>
  <tr>
      <td class="textbox">On the next screen, you'll see the comment that's pending your approval, along with information about who posted it.  In order to approve this comment for publishing, change the "Status" box, at the top of the right-hand column, from "Unpublished" to "Published".  Click the "Save Changes" button underneath the comment to save and continue.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/comment6.jpg" width="450"></td>
   </tr>
  </table>
<hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">A message will appear indicating that your changes have been saved.  Rebuild your site to have the changes appear on your blog.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/comment7.jpg" width="450"></td>
   </tr>
</table>
 <hr width="50%" align=center>
<table>
  <tr>
      <td class="textbox">Next time you view your blog, you'll notice that the comment count on your entry will have increased (you might have to hit "Reload" or "Refresh" on your browser to make this happen).  Click through to see the newly posted comment.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/comment8.jpg" width="450"></td>
   </tr>
  </table>
<hr width="50%" align=center>]]>
   </content>
</entry>
<entry>
   <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <title>Using categories</title>
   <link rel="alternate" type="text/html" href="http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/08/using_categories.html" />
   <id>tag:blogs.qc.cuny.edu,2006:/blogs/blogtutorials//90.1360</id>
   
   <published>2006-08-29T19:33:29Z</published>
   <updated>2008-01-08T19:09:01Z</updated>
   
   <summary></summary>
   <author>
      <name>Boone  Gorges</name>
      
   </author>
         <category term="Blog Basics" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="en" xml:base="http://blogs.qc.cuny.edu/blogs/blogtutorials/">
      
      <![CDATA[<table>
   <tr>
      <td class="textbox">If you've accumulated a large number of entries, or if you simply like to be organized, you might like to take advantage of Movable Type's <em>category</em> feature.  This feature allows you to add labels to both your new and old entries, making it easier for you (and your readers) to find the entries you're looking for.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/cat1.jpg" width="250"></td>
   </tr>
</table>
<hr width="50%" align=center>
<table width="100%">
   <tr>
      <td class="textbox">If this is your first time using categories on your blog, the first thing you'll need to do is reconfigure your New Entry administration screen.  (If you've already done this step, <a href="#next">click here</a> to move on.)  Near the bottom of the New Entry screen, click "Customize the display of this page".  Warning: If there is unsaved text on this page, it will be lost by moving to the next step.  To prevent this, click the "Save" button before continuing.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/cat2.jpg" width="450" /></td>
   </tr>
 </table>
<hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">On the window that pops up, select the "Custom" radio button in the left hand column, and put a check next to "Category" on the right.  Click "Save" to continue.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/cat3.jpg" width="450"></td>
   </tr>
</table>
<a name="next"><hr width="50%" align=center></a>
<table>
   <tr>
      <td class="textbox">You'll be taken back to a slightly different looking Create New Entry page--in particular, a Category box will have appeared next to the Title box, and the Status box will have moved below the Entry Body box.  Once you've composed your entry, click on the Category drop-down menu.  If you see the category you want, choose it.  If not (as will be the case if this is your first time using categories) choose "Add new category...". </td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/cat4.jpg" width="450"></td>
   </tr>
   </table>
<hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">A new window will appear.  Enter the name of your category and click "Save".</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/cat5.jpg" width="350"></td>
   </tr>
 </table>
<hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">The category you've chosen will now appear in the Category box.  Movable Type will save this category name, so that you can apply it to other entries in the future.  To see the results, finish your current entry, and then publish, save, and rebuild your site.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/cat6.jpg" width="450"></td>
   </tr>
 </table>
<hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">A list of your categories will now appear on the right-hand column of your blog's main page.  Click on the category heading to see only those entries that fall under the category.  Keep in mind that you can even apply categories to  an entry you've already written, by clicking on that entry's title on your blog's admin page.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/cat7.jpg" width="250"></td>
   </tr>
 </table>
<hr width="50%" align=center>]]>
   </content>
</entry>
<entry>
   <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <title>Subscribing to RSS feeds</title>
   <link rel="alternate" type="text/html" href="http://blogs.qc.cuny.edu/blogs/blogtutorials/2006/08/subscribing_to_rss_feeds.html" />
   <id>tag:blogs.qc.cuny.edu,2006:/blogs/blogtutorials//90.330</id>
   
   <published>2006-08-04T21:33:37Z</published>
   <updated>2008-01-08T19:03:43Z</updated>
   
   <summary></summary>
   <author>
      <name>Boone  Gorges</name>
      
   </author>
         <category term="Reading Other Blogs" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="en" xml:base="http://blogs.qc.cuny.edu/blogs/blogtutorials/">
      
      <![CDATA[<table>
   <tr>
      <td class="textbox">If you read a lot of blogs and/or news sites, you know that it becomes tedious to visit each one of them every day to find new content.  RSS, or Really Simple Syndication, is a technology that brings all the new content from your favorite blogs to you automatically.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/feed1.jpg" width="450"></td>
   </tr>
</table>
<hr width="50%" align=center>
<table width="100%">
   <tr>
      <td class="textbox">RSS is a system of content distribution that automatically sends the newest content from your favorite sites--in a format called a "feed"--to you.  In turn, you read your feeds inside a feed reader (sometimes called an "RSS aggregator").  So the first thing you'll need is a feed reader.  I use <a href="http://reader.google.com">Google Reader</a> because it's web-based--so I can read it anywhere--and it's free.  You can read more about how RSS works, and find an extensive list of readers <a href="http://www.sixapart.com/about/feeds">here</a>.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/feed2.jpg" width="450" /></td>
   </tr>
 </table>
<hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">Once your reader is up and running, it's easy to subscribe to your classmate's feeds.  On right hand column of each blog, under the "Recent Posts" heading, you'll see a link called "Subscribe to this blog's feed".  If you <em>left</em>-click on this link, you'll get a bunch of code.  Instead, you want to right-click on it.  On Windows, right-click on the link and choose "Copy Shortcut".</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/feed3.jpg" width="450"></td>
   </tr>
</table>
<hr width="50%" align=center>
<table>
   <tr>
      <td class="textbox">On a Mac, right-click (Ctrl-click on a laptop) on the link and choose "Copy Link Location".</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/feed4.jpg" width="450"></td>
   </tr>
   </table>
<hr width="50%" align=center>
<table>
 <tr>
      <td class="textbox">Load up your RSS reader and find the function called "Add subscription" or "Add feed".  Paste the feed's address--the one you copied from the blog--into the dialog box that pops up (right-click->Paste or Ctrl-V).  Once you've clicked "Add" or "Done", you'll be subscribed to the blog's feed.  This means that every time a new entry is posted to the blog, it will automatically be sent to your RSS reader.</td>
      <td class="picbox"><img src="http://blogs.qc.cuny.edu/blogs/blogtutorials/images/feed5.jpg" width="450"></td>
   </tr>
 </table>
<hr width="50%" align=center>]]>
   </content>
</entry>
<entry>
   <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <author>Boone  Gorges</author>          <title>Editing your blogroll</title>
   <link rel="alternate" type="text/html" href="http://blogs.qc.cuny.edu/blogs/blogtutorials/2005/02/editing_your_blogroll.html" />
   <id>tag:blogs.qc.cuny.edu,2008:/blogs/blogtutorials//90.6632</id>
   
   <published>2005-02-06T18:37:02Z</published>
   <updated>2008-02-06T19:34:37Z</updated>
   
   <summary> Note to students: This tutorial applies to instructor blogrolls only. Student blogrolls are automatic copies of the professor&apos;s blogroll, and cannot be changed manually by the student. Instructor blogrolls are automatically created and updated several times during the first...</summary>
   <author>
      <name>Boone  Gorges</name>
      
   </author>
         <category term="Customizing Your Blog" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="en" xml:base="http://blogs.qc.cuny.edu/blogs/blogtutorials/">
      <![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>]]>
      
   </content>
</entry>

</feed>
