Blogs Help (Movable Type 3 Only)

This is the online help system for Movable Type 3. Use this only if you created a blog before Jan 12, 2008. For help with the newer blogs (Movable Type 4), go to http://blogger.psu.edu/gethelp

Frequently Asked Questions

See a guide to FAQs (frequently asked questions) or browse the links in the Help Table of Contents section below.

Help Table of Contents

Below is the complete set of help documentation for the Blogs. If you need help to specific questions, you can also post a question to the Blogger Forum or submit a question into the Help Form.

FAQs (MT 3)

These pages contain common questions about Penn State Blogs with answers. If you a more specific question, please fill in the Blogs Help Form.

Table of Contents

About the Project

Who can apply for a Penn State blog?

Anyone with a Penn State Access Account can apply for a blog by logging into http://blogs.psu.edu. Users will be asked to activate their Penn State Personal Web Space if they have not already done so.

Which system is Penn State using?

Penn State is currently using Movable Type, also known as Typepad.

Which topics may I blog about?

The Penn State blogs are tied to your personal space, so you can blog on any topic so long as it does not violate policy AD-20. Policy AD-20 prohibits commercial activity, obscene material, harrassing materials, copyright violations, deliberate misrepresentations and other inappropriate material.

How does the TEACH Act (copyright for courses) apply?

Because the blogs are not password protected space, the TEACH Act provisions are generally NOT APPLICABLE. It is recommended that instructors obtain permission for images or text used in a course blog (links are legal). Once password protection for courses is implemented, the blogs will be able to utilize the TEACH Act provisions.

Top of Page

Basic Features

What are the recommended platforms and browsers?

The Blogs are compatible with Windows or Mac and with Firefox (Win/Mac) or Internet Explorer. Some features may not work on Safari.

How do I log in?

There are two ways to login. You can 1) go to the Blogs at Penn State Home page at http://blogs.psu.edu and click the Log-In Now button to the right or 2) go directly to https://blogs.psu.edu/mt.

How do I add an entry?

Click New Entry on the left menu.

Alternatively, you can log in to Blogs at Penn State then click the New Entry link next to the name of your blog or click the name of the block, then click New Entry in the left menu. See the Writing a Blog Entry documentation for more details.

What does “Rebuild Site” mean?

The Penn State blogs are a publishing system. Items you edit in the blog are not visible to the public until the site is Rebuilt. The advantage of this system is that you can make multiple changes, but not show them to the public until you are ready to do so. See the Rebuild Site documentation for more details.

What Web address to I send to my friends?

Log in to Blogs at Penn State. A list of your blogs with their URL's are displayed.

Alternatively, if you are within your blog, click View Blog in the left menu to open up the public view of the blog. The URL will be displayed in your browser. See the Find Blog URL documentation for more details.

How do I add a link in my blog entry?

When you’re adding a new entry, highlight the text you want to make into a link, then click the chain icon. Enter the URL in the pop-up window. You will see HTML code for the link. See the Writing a Blog Entry documentation for more details.

Can I upload images into the blog?

Yes. See the Uploading Images documentation for more details.

Can I edit previous blog entries?

Yes - Log in to Blogs at Penn State and click the Entries link (or if you are in your blg, click Entries in the left menu). Click the link for the specific entry to edit it. Read more details in the Edit Entries documentation.

Can I delete previous blog entries?

Yes - Enter blog and click the “Entries” link. Check an entry to delete, then Reebuild your Site. Read more details in the Delete Entries documentation.

Can I put other files into the /blogs/ directory?

Yes, but be sure not to remove files posted by Moveable Type!
If you do, you can recover it by rebuilding your blog. You can do it via SFTP or with the Penn State Portal.

Can I import entries from another blog into a Penn State blog?

Direct import is not available at this time. If you need to import a specific blog, please contact blogs@psu.edu for further inquiries.

Can I export my blog?

Penn State blogs allows you to export the text of your entries into a text file. You can also save files in your /blogs/ directory. See the Export Blogs documentation.

What is the function "Activity Log" button?

The Activity Log records the dates and times of when you create or edit blog entries.

Top of Page

Sharing Blogs

Can I control who submits comments to my blogs?

No, but you can control which comments are published. Set your Settings for comments to approve each comment via e-mail. Read Control Comments Spam for more details

How do authenticated comments work?

Comment authentication is not tied to Penn State Access Account Userids. Instead, you have the option of setting up a Typekey password from Six Apart com.

Can I allow others to post to my blog?

Not at this time. However, users can add comments or send text for you to post.

What about the Edit Permissions link?

This link is non-functional for the early pilot stage. When sharing is added, the link will become functional.

Can we use Trackbacks?

Yes. The Blogs at Penn State server both sends and accepts trackbacks. Read more in the Comments and Trackbacks page.

What is the function of the Notifications button?

This is a list of e-mail addresses of people interested in your blog. You can click on each name to create a blank e-mail message to that person. This does not create automatic notifications or send e-mail to multiple recipients.

Users who want automatic updates on your blog should subscribe to the blog's newsfeed.

Top of Page

Change Colors/Fonts in Themes

Can I change the colors and fonts on the blog?

Yes. Read the “Stylecacter” documentation for details on changing the blog theme.

Can I manually adjust the CSS of the blog?

Yes, in the Stylesheet template. It is recommended you begin with a Moveable Type theme, then modify the styles as needed.

Read the Advanced Custom Theme documentation for more details.

Top of Page

Categories and Tags

Can I add categories to the blog?

Yes, but you must configure your entry pages for Tags. Read the Categories and Tags documentation for more details.

Can I add subcategories?

Yes. When you add categories, change the Parent Directory from Top Level to an appropriate main category. See Adding Categories for more details.

Can I free tag blog entries?

Yes, but you must configure your entry pages for Tags. Read the Categories and Tags documentation for more details.

I want to add categories, but I don’t see a category menu in my blog entry screen.

You need to configure your entry screen to display the Category menu. Read the documentation for Configuring Entry Pages for Categories and Tags.

I want to add tags, but I don’t see a category menu in my blog entry screen.

You need to configure your entry screen to display the Tags field. Read the documentation for Configuring Entry Pages for Categories and Tags.

I added new categories, but I don’t see them in the right sidebar on my blog.

Click Rebuild Site in the lower left menu after you create new categories

I added tags to my pages, but I don’t see a Tag Cloud section in the right side of my menu.

You need to enable the Tag Cloud sidebar widget in the Widget Manager.

Top of Page

Podcasts and Newsfeeds

Can I subscribe to a newsfeed for the blog?

Yes. Look for the Subscribe to this blog's feed link in the sidebar. See Subscribe to Newsfeeds for more information.

Can I create a podcast feed?

Yes. If you include a link to an MP3 file within the Entry Body field of a blog entry, the news feed will include podcast feed information. See Create a Podcast for more information.

Top of Page

Sidebar Widgets

What are sidebar widgets

Widgets are pieces of code for content which you can display in the sidebar. See the documentation on the Widget Manager for some details.

Can I add external links in the sidebar?

Yes with the Blogroll plugin.

I created a link in Blogroll, but it does not appear in the sidebar

You need to enable Blogroll widget in the Widget Manager. See the Widget Manager documentation for more details.

Can I add headlines from other blogs in the sidebar?

Yes with the Feed Widget plugin.

I added a Feed link in the blog, but it does not appear in the sidebar

You need to enable the Feed widget in the Widget Manager. See the Widget Manager documentation for more details.

Can I create my own widget

Yes. See Create an About Me widget for an example of a widget with static code only. Other widgets are possible, but widgets outside Penn State blogs are not guaranteed to function.

Can I import widgets from other sources?

In some case yes. You would create a new widget and cut and paste widget code. Please follow these recommended guidelines. 1) Make sure your widget is compatible with Movable Type or Typepad. 2) Follow import instructions given on the page. 3) Test widgets…widgets outside Penn State blogs are not guaranteed to function.

Top of Page

Archives

Are my blogs automatically archived?

Yes. The default setting is archiving by the month and by category.

Can I change the frequency of blog archiving?

Yes. Read the Archive documentation for more detail.

Top of Page

Blog Glossary

What is a Blogroll?

A blogroll is a set of external links added to the sidebar. You can add these links to your blog with the Blogroll plugin.

What are tags?

Tags are a set of topic words or keywords added to each blog entry. Many users prefer to sort and view blogs by tags. See Categories and Tags for more information.

What is a Tag Cloud?

A tag cloud is a list of all the tags across all entries within a single blog displayed in the sidebar. See Display Tag Clouds in the Sidebar for more information

What's the difference between tags and categories?

Categories are a fixed list of items set within a category menu, while free tags are a set of words manually added to each entry. See Tags vs. Categories for more information.

What is a RSS Blog feed?

A news feed is a text file which lists the headlines for new blog headlines. The Newsfeed can be viewed in new browsers such as Internet Explorer 7, Safari 2 or Firefox 2.

News feed applications such as Blogines.com (Web), Thunderbird (Win/Mac), Feed Reader (Win) or NetNewsWire Lite (Mac) allow you to subscribe to favorite feeds and organize them into folders by topic. See Subscribe to the Blog Feed for technical details.

What is a Trackback?

A track back is a mechanism which allows a blog to automatically notify another Web site whenever a new entry is added. Although this is a useful notification mechanism, there are also spam trackback servers. See Controlling Spam for Comments and Trackbacks for more information.

Top of Page

Common Problems

I previewed an entry, then returned to a blank entry form. Can I recover my entry?

Click the Forward button (the opposite of the Back button) on your browser, then Re Edit this entry. The text will be rerestored. See writing a blog entry.

I wrote an entry, but nothing appears when I open View Blog.

First, make sure the entry Status is set to Published and not Unpublished. Change the entry to Published and click Save. See troubleshooting missing entries

I made a change in my blog, but the changes don’t appear when I open View Blog.

First, try rebuilding your blog
1.      Login at http://blogs.psu.edu and click on the name of your blog.
2.      Click Rebuild Site in the lower left menu.
3.      Try reloading your page, especially if you have changed your theme.

See troubleshooting missing entries and rebuilding blogs.

I want to add categories or tags to my entries, but I don’t see a category menu or a Tags fieldin my blog entry screen.

You need to configure your entry screen to display the Category menu or the Tags field. See configuring entry pages for categories and tags.

I added new categories, but I don’t see them in the right sidebar on my blog.

Click Rebuild Site in the lower left menu after you create new categories

I added tags to my pages, but I don’t see a Tag Cloud section in the right side of my menu.

You need to enable the Tag Cloud sidebar widget in the Widget Manager.

I added a sidebar link in the blog, but it does not appear on my blog’s sidebar

You need to enable the Blogroll widget or the feed widget in the Widget Manager. See documentation for detailed instructions.

I deleted my blog, but users can still get to my pages? What do I do?

Delete your files in the /blogs/ directory of your Personal Web space. See discontinuing a blog.

What happens if I accidentally delete the wrong blog files in my personal Web space via SFTP or through the Portal?

If you delete a blog file, you can recover it by rebuilding your blog.
1.            Login at http://blogs.psu.edu and click on the name of your blog.
2.            Click Rebuild Site in the lower left menu.

Top of Page

Blog Basics (MT 3) - Write and View Entries, Manage Comments

These documents will guide you through the process of creating your first blog and posting your first entry.

Create A New Blog (MT 3)

You can no longer create a blog in this system. If you need to create a new blog, please use the Login to Current System option to create a blog in the new Blogs at Penn State software. See http://blogger.psu.edu/gethelp for details.

Write and Publish Blog Entries (MT 3)

Note: If you are not sure what to write in a blog read Blog Writing Tips.

First, make sure you have

  1. Activated your Personal Web space
  2. Created a blog
Watch Video

To create an entry

  1. Go https://blogs.psu.edu/mt to write and edit your blog posts.
    Note: You can also log in from http://blogs.psu.edu by clicking the Log-in Now link to the right.
  2. You should see a display of blogs you have created. Click the link "Create a new entry on this weblog" to the right of the blog.
    Note: You can also click on the name of the blog, then the the New Entry button on the left menu.
    [inline:09Blog.gif=Screen capture of blog listing]
  3. Click the New Entry button on the left menu.
    [inline:leftmenutop.png=Screen capture of left menu]
  4. Fill in the Title field and enter text in the Entry Body field. You can use the formatting buttons.

    Note: The buttons will create HTML code. The formatting buttons may not be visible on Safari.
    [inline:10EntryForm.png=Screen capture of editing form. Formatting options include Bold, Italic, links and indentation]

  5. If you wish your entry to be visible to the public immediately, change the entry status to Published In the upper right pull-down menu,
    Note: The Scheduled option lets you post entries at specific times in the future. To include a link in your text, highlight the text you want to be a link (e.g. “Penn State Home Page”), then click the chain icon and fill in the URL in the pop-up window.
  6. The following formatting options are available. In this screen, the formatting will be converted to HTML commands.
    Note on Safari: The formatting buttons may not be visible on Safari.

    1. Click the B and I icons to add bold face and italics to your text.
    2. To include a link in your text, highlight the text you want to be a link (e.g. “Penn State Home Page”), then click the chain icon and fill in the URL in the pop-up window. Make sure the URL includes the http:// prefix.
    3. To include an e-mail link, highlight the text you want to be a link (e.g. “Contact the Webmaster), then click the envelope icon and fill in the email address in the pop-up window.
    4. To indent an entire paragraph as a quote, highlight the text and click the quote mark icon. This will enclose the text in an HTML <blockquote> tag.
    5. Other HTML tags can be manually inserted into the entry as needed.

    Note: You can can also Activate the full WYSIWYG editor to enable tools for lists, alignment, adding headers and emoticon insertion.

  7. Click Preview to review how the HTML formatting tags will be displayed.
    Note: This is only an approximate display.
  8. If you click Preview, then you MUST click Re-Edit this Entry to return to your entry.
    Note: If you see a blank blog entry form, click the forward button in your browser, then click Re-Edit this Entry.
  9. To see your live entry, click View Site on the bottom of the left menu.
    Note: If you do not see your blog or the blog entry make sure the Status menu is set to Published. See Troubleshooting Unpublished Entries for more details on troubleshooting problems.
    [inline:leftmenu.png=Screen capture of left menu in blog]

Activate Full WYSIWYG Editor (MT 3)

The Blogs at Penn Stat includes a full WYSIWYG editor which includes options for header tags, lists and alignment options.
Note: If you activate the full editor, you may not be able to see the

To activate the editor.

  1. Log on to http://blogs.psu.edu.
  2. Click the Settings link next to your blog.
    Note: If you have multiple blogs, you will need to click the Settings link for each blog.
  3. Click Switch to Detailed Settings in the right to reveal all settings tabs.
    [inline:SettingsBasic2.png=screen capture of Settings Tabs]
  4. Click the New Entry Defaults tab in the Detailed Settings screen.
  5. Change the Text Formatting pull-down menu to WYSIWYG.
    [inline:WYSIWYGSet.png=Screen capture of New Entry Default Settings]
  6. Click Save Changes at the bottom of the screen.
  7. Click New Entry in the left menu and check to see that the full editor has been enabled.
    [inline:WYSIWYG.png=Entry Editor with WYSIWYG options including lists, alignmnent, emoticons, format (headers)]

Toggle between WYSIWYG and HTML Source

If you wish to switch between WYSIWYG and the HTML code, you need to enable the field for the blog entry form.

  1. Log on to http://blogs.psu.edu.
  2. Click the link "Create a new entry on this webblog " to the right of the blog.
    Note: You can also
    click on the name of the blog, then the the New Entry button on the left.
  3. On the entry page, click the link for click the link “Customize the display of this page” at the bottom.
    [inline:14CustomizeDisplay.png=Screen Capture New Entry screen]
  4. In the Editor Fields options, select Custom. Place a check next to Text Formatting and any other items you wish to edit for each entry.
    Note: If you cannot place a check, make sure Custom is selected.
  5. Click Save to close window and change preferences.
  6. The entry form will be changed to include a Text Formatting menu.
    Note: The Status menu where you set the publish option may be pushed to the bottom.
  7. To toggle between views, change the Text Formatting menu, then click Save. The entry window will change.
    Note: The Converted Line Options is the recommended HTML source view.

Find Blog URL (MT 3)

First, make sure you have

  1. Activated yor Personal Web space
  2. Created a blog
  3. Written and published an entry

To find your blog URL

  1. Log on to http://blogs.psu.edu. If necessary, click the mt link.
  2. You should see a display of blogs you have created. The URL for each blog will be displayed beneath the title of the blog (e.g. http://www.personal.psu.edu/xyz123/blogs/courseblog). This is the URL you would send to your friends and colleagues.

  3. Click the URL link to view the live blog.

View Blog Entry (MT 3)

First, make sure you have

  1. Activated yor Personal Web space
  2. Created a blog
  3. Written and published an entry

What is the Blog URL?

The blog URL you share with your friends and colleagues is different from the one used to create your blog (http://blogs.psu.edu).

The URL of your published blog is structured as follows:

http://www.personal.psu.edu/<your Userid>/blogs/<URL Name>

For instance, if user xyz123 had a blog with the URL name “worknotes”, the URL would be

http://www.personal.psu.edu/xyz123/blogs/worknotes

The following instructions tell how to find your published blog URL from within http://blogs.psu.edu.

If you have just written an entry

  1. After you have written an entry, cick the View Site button in the left menu.
  2. The blog will open and show the URL on the Penn State personal server
  3. If you do not see your blog or the blog entry make sure the Status menu is set to Published. See Troubleshooting Unpublished Entries for more details.

If you not logged in

  1. Log on to http://blogs.psu.edu. You will see a list of blogs you have written.
  2. To see your live blog, click the View Site link to the right of the blog.
    Note: you can also enter the blog, then click
    Click View Site on the bottom of the left menu.
  3. The blog will open and show the URL on the Penn State personal server
  4. If you do not see your blog or the blog entry make sure the Status menu is set to Published. See Troubleshooting Unpublished Entries for more details.

Edit a Previous Blog Entry (MT 3)

To edit an older entry.

  1. Log on to http://blogs.psu.edu.
  2. Click the Entries link next to your blog (or if you are in your blog, click Entries in the left menu).
  3. Click the Entries button in the upper portion of the left menu.
  4. Click the link for the missing entry.
  5. Make changes as needed. See the Writing Entries documentaiton for more details.
  6. Set the Status menu to Publish if you wish the entry to be visible to the public.
  7. Click Save to change the setting.
  8. Click the View Site button to be sure the entry is visible to the public.

Delete an Older Entry (MT 3)

To delete an older entry

  1. Log in to http://blogs.psu.edu.
  2. Click the name of your blog to enter it.
  3. Click the Entries button in the upper portion of the left menu.
  4. Check the entry or entries you wish to delete, then click the Delete button at the top.
  5. Click Rebuild Site in the lower part of the left menu to post the changes then Rebuild again. This will remove the entries from the public site.

Note: If you have deleted an entry, but it was not removed from the site, try the Rebuild Site process again.

Subscribe to the Blog Feed (MT 3)

Find the Blog Newsfeed

You have the option of subscribing to a blog's newsfeed (or "RSS feed") by doing the following.

  1. Navigate to your published blog (e.g. http://www.personal.psu.edu/xyz123/blogs/).
  2. Click the link for Subscribe to this blog's feed in the sidebar. Right click and select the option for copying the link URL.
  3. Open a news reader application such as Feed Reader (Windows), NetNewsWire Lite (Mac), Bloglines (Web), Google Reader (Web), Thunderbird (Mac/Windows) or Firefox 2.0.
  4. Create a new subscribtion and paste the blog's feed URL. The most recent headlines for the blog will be displayed.

Aggregate and Monitor Course Blog Feeds

If you are instructor or staff member monitoring multiple blogs, then you can use the folder feature in a newsreader to monitor multiple feeds in one location.

Just create a folder for each course or topic you monitor then move your subscriptions to the appropriate forlder. Each folder will list stories for all feeds in the folder and distinguish read and unread stories. Below are instructions for how to set up a newsfeed folder for a course.

What is an RSS Blog feed?

A news feed is a text file which lists the headlines for new blog headlines. The Newsfeed can be viewed in new browsers such as Internet Explorer 7, Safari 2 or Firefox 2.

News feed applications such as Blogines.com (Web), Google Reader (Web), Thunderbird (Win/Mac), Feed Reader (Win) or NetNewsWire Lite (Mac) allow you to subscribe to favorite feeds and organize them into folders by topic.

Read the Using RSS Newsfeeds to Get the Latest Headlines page for more detailed information on RSS and RSS newsreaders.

Control Spam Comments & Trackbacks to Blogs (MT 3)

By default, blogs are set to allow anyone from inside (and possibly) outside of Penn State to post comments. Unfortunately, some operations create “spam” comments, which are really advertisements or something else related to your topics.

Set Comments to Manual Approval

To reduce spam, but still allow comments, change your blog Settings to allow moderated comments which you manually approve one by one.

  1. Log on to http://blogs.psu.edu.
  2. Click the Settings link to the right of your blog.
    Note: You can also click the name of the blog, then the Settings button in the left menu.
  3. Click the Switch to Detailed Settings link in the right.
    [inline:SettingsBasic2.png=Screen capture with switch view link to right]
  4. Click the Feedback tab.
    [inline:SettingsDetailedTabs.png=Detailed Settings Tab. Feedback tab is third tab]
  5. In the Feedback tab use the following settings:
    1. Set Accept Comments from to Anyone.
      Note: The No One setting will disable comments, and
      The Authenticated commentators option is not connected to Penn State authentication. It would require you to create a separate Six Apart Typekey blog password.
    2. Check the Option for Require E-Mail address from commenters.
    3. Set Immediately publish to No One. This will put all comments on hold until they are approved.
      Note: Trusted Commenters only works with the Six Apart Typekey blog password.
    4. Set E-Mail Notification to On to that you receive an e-mail message for each comment posted.
      [inline:CommentsSettingsRev.png=Screen capture Comments Settings]

Approve Comments

  1. For each new comment, you will receive an e-mail message including the e-mail address and the content of the comment.
  2. Log in and enter your blog then click the Comments button on the left. The list of comments will be displayed.
  3. To approve comments, place a check beside each allowable message and click the Publish button above. The icon will change from a yellow caution to a green check.
  4. To set a comment as junk, place a check and click the Junk button above.
  5. To delete a comment, place a check and click the Delete button above.

[inline:CommentsPanel.png=Screen capture comment waiting to be approved]

Disable Comments

Disabling comments will block all spam, but will also make it impossible for anyone to make comments. To disable comments;

  1. Log on to http://blogs.psu.edu.
  2. Click the Settings link to the right of your blog.
    Note: You can also click the name of the blog, then the Settings button in the left menu.
  3. Click the Feedback tab.
    Note: If you only see two tabs, click the Switch to Detailed Settings link in the right if necessa.
  4. Change the top Accept Comments setting from Anyone to No one.

Settings for Trackbacks

Trackbacks is a feature in which a blog system sends an electronic message or "ping" to any blog you have linked to. These messages are published on another blog much as your comments are. To "accept trackbacks" means your blog will listen for these pings and publish links to blogs who have linked to you (it's a way to find out if anyone is reading your blog).

Like comments though, trackbacks can be used to send spam messages so moderated trackbacks are suggested.

Read http://www.learningmovabletype.com/a/000250what_is_trackback/ for learn more about Trackbacks.

Set Moderated Trackbacks

  1. Click the Settings link to the right of your blog.
    Note: You can also click the name of the blog, then the Settings button in the left menu.
  2. Click the Switch to Detailed Settings link in the right.
  3. Click the Feedback tab.
  4. If you want to accept Trackbacks (see who links to you), then check the option for Accept Trackbacks.
  5. Check the options for Moderation and set E-mail Notification to On.
  6. Click Save Changes at the bottom.
  7. You will receive an e-mail for each trackback received with a link. Click on the link to read the Trackback then choose Publish in the Status menu or Delete.

Troubleshooting Unpublished Entries (MT 3)

Set Status of Entry to "Publish"

If you have written an entry, but it does not appear when you click View Site, the most likely problem is that your entry is still set to Unpublished. To change its status

  1. Log on to http://blogs.psu.edu.
  2. Click the name of your blog to enter it.
  3. Click the Entries button in the upper portion of the left menu.
  4. Click the link for the missing entry.
  5. Change the entry status to Published In the Status pull-down menu,
  6. Click Save to change the setting.
  7. Click the View Site button to be sure the entry is visible to the public.

Set Default Status to "Publish"

If you want all entries to be immediately visible to the public, then you can set the default status of new entries to Publish.

  1. Log on to http://blogs.psu.edu.
  2. Click the name of your blog to enter it.
  3. Click the Settings button in the left menu.
  4. Click the link Switch to Detailed Settings link on the right. More tabs will be displayed.
    [inline:SettingsBasic2.png=screen capture of Settings Tabs]
  5. Click the New Entry Defaults tab in the Detailed Settings screen.
    [inline:SettingsDetailed.png=Screen capture of Detailed Settings tab]
  6. Change the Post Status pull-down menu from “Unpublished” to Published.
  7. Click Save Changes at the bottom of the screen.
  8. Click the Rebuild My Site button. Click Rebuild in the next window.
  9. Click New Entry in the left menu and check to see that the Status menu is set to Published.

Rebuild A Blog (MT 3)

If you change a setting, change colors for fonts, add categories, change the sidebar or change entries, you may need to Rebuild your blog to implement and post changes to your public pages.

To rebuild a site

  1. Log on to http://blogs.psu.edu.
  2. Click the name of your blog to enter it.
  3. Click Rebuild Site in the lower part of the left menu. A pop-up window will open.
    Note: In some operations you may prompted with an additional Rebuild button at the top.
    [inline:leftmenubottom.png=Screen capture of left menu]
  4. Click Rebuild in the pop-up window. You will see messages indicating how many pages are being rebuilt.
    [inline:rebuildpopup.png="Screen capture Rebuild Pop Up"]
  5. Click View Site in the left menu to see your public pages.
  6. If you have changed the Theme, click Control+R (Windows) or Command+R (Mac) to refresh all the pages in your browser.

Screencasts: Start Your Blog (MT 3)

To give you a visual way to learn how to upload an image to your blog we've created a screencast. Click the image below or click this link to watch the movie. You can also view the detailed instructions.

Click link to watch movie

Screencast: Create New Entry (MT 3)

To give you a visual way to learn how to create a new entry on your blog we've created a screencast. Click the image below or click this link to watch the movie. You can also view the detailed instructions.

Download "Get Started in Blogs" Handout (MT 3)

Download the Get Started in Blogs (PDF) file if you want a complete manual to refer to. Please note that the most up-to-date information will be in the online version of the files.

Screencasts (MT 3)

These are some video screencasts of various features of the Blogs at Penn State. The ones that are currently available are:

You can also find them by using the taxonomy term "screencast"

Extra Features (MT 3): Change Themes, Add Images, Create Podcasts

These pages discuss how to change blog colors, add images and other features.

Change Colors and Fonts with Stylecatcher (MT 3)

Use the Stylecatcher utility to change fonts and colors in your blog.

 

Watch Video

Select the Theme

  1. Log on to http://blogs.psu.edu.
  2. Click the name of your blog to enter it.
  3. Click Templates in the middle of the left hand menu.
    [inline:05leftmenu.png=Screen capture of left menu]
  4. Click the link Select a Design Using Stylecatcher at the bottom of the Templates screen.

    [inline:pluginmenu.png=Screen Capture of Plug in Actions links]
  5. In the next window, click the Find Styles button in the upper right to see available themes.
    Note: To preview even more styles, enter http://thestylecontest.com/browse into the field for Theme or Repository URL
    [inline:07FindThemes.png=Screen capture Stylecatcher]
  6. If you have created more than one blog, scroll to the bottom of the page and select the blog you wish to modify in the drop-down menu.
    Note: If the menu is not visible, go to the next step.
  7. Highlight a theme image and click Apply Selected Design , then confirm by clicking Choose this Design.

See the New Theme

  1. Click Main Menu at the top of the blog screen to return to your list of blogs.
  2. Click the URL of the blog to see the public site.
  3. If the new theme is not visible, click Control+R (Windows) or Command+R (Mac) to refresh all the pages in your browser.

Custom Themes

See the Advanced Documentation section for information on uploading custom theme stylesheets.

Upload an Image or other File (MT 3)

For best results, it is recommended that you upload the image then create your blog entry. GIF and JPEG are recommended for best results.
Note on Audio and Video: You can upload other file formats including video and audio, but there is a 50 M size limit. For larger files, use the Pass Explorer or SFTP to upload files into your Personal Web Space www directory.

Watch Video

Upload Image

To upload an image, do the following:

  1. Log on to http://blogs.psu.edu.
  2. Click the name of the blog to enter the blog,
  3. Click Upload File button in the left menu.
    [inline:05leftmenutop.png=Screen capture of left menu]
  4. In the upload window, click Browse and navigate to your image file on your local drive.
    [inline:BrowseImage.png=Screen capture browse window]
  5. Click Set Upload Path link beneath the browse button, then select the option for the current date in the Path drop-down menu. This will allow you to find images more easily at a later date.
    Note: If no path is set, the image loads directly into your /blogs directory on your Penn State Personal Web site.
    [inline:SetDirectoryPath.png=Screen capture of Set Upload Path]
  6. Click the Upload button to upload the image. A new window will open with additional options which will be described below.

Include the Image in a Blog Entry

Immediately after you’ve uploaded image (see previous section) you will see a new window with additional options for including an image in an entry.

[inline:UploadThumbnail.png=screen capture of image options - see details below]

  1. Click one of the options below

    1. Create a new entry using this uploaded file - Check this option to begin a blank entry with the image inside of it.
    2. Show me the HTML - Check this option to if you’ve created an entry and typed in a significant amount of text.
  2. Select the image link type

    1. Popup Image - Creates link to an image from the entry. Best for large images
    2. Embedded Image - Embeds the image directly within an entry. Best for smaller images.
  3. If you want to create a smaller image which links to a larger version, then follow instructions below:
    Note: The thumbnail option does not work for PNG images.

    1. Check the option for Create a thumbnail for this image.
    2. Select a target height or width (e.g. a width of 400 pixels or less)
      Note: the Constrain proportions option ensures that the image scales down smoothly

See the sections below for more detail on each option.

Create a New Entry

A new entry window will open with the HTML code for embedding or linking the image inside it. Insert text before or after the code to complete the entry.

[inline:newEntryImage.png=Screen capture - blog entry window with HTML code for image]

Show me the HTML (For preexisting entries)

You will see a window with HTML code for embedding or linking the image. Copy and paste the code into your entry and the image will be displayed to the viewer.

[inline:Picture Code.png=Screen capture of image HTML code to be cut and pasted]

Popup Image

Creates link to an image from the entry. Best for large images. Use the Create a thumbnail option to embed a smaller version of the image which links to the larger image.

Embedded Image

Embeds the image directly within an entry. Best for smaller images.

Using the Same Image in Another Entry

You can use the same image in another blog entry by cutting and pasting the image HTML code (or "Embed code") from one entry into another entry.

See the Editing Entries page for details on finding and editing entries.

Using Your Own Flickr Images in a Blog Entry

You can also embed photos from your own Flickr account using the HTML code given in your account. See also the Forum Posting with screencapture.

Basic Mashups (MT 3)

You can embed many media objects within your blog site including YouTube Videos, your personal Flickr Photos and other objects by including the "HTML Embed code" within your blog entry

YouTube Videos

  1. Log on to http://blogs.psu.edu and create a New Entry.
  2. Make sure you are within the default Convert Line Breaks format. If you have set up WYSIWYG editing, you may need to return to the to Convert Lines format.
  3. Open a new browser window and search for a video on YouTube.
    Note: Please be sure that the YouTube video is free of copyright issues.
  4. Look for the Embed code on the YouTube page and cut and paste it into the text body.
    Note: The embed code begins as "<object width =..."
  5. Save and publish the entry. The video stream will be displayed in your blog.
    Note: If the entry shows the code instead of the video, make sure are outside WYSIWYG mode.

Flickr Photos

These instructions only work for your own Flickr photos.

  1. Upload any image files you wish to post on to your blog into your Flickr account.
  2. Log on to http://blogs.psu.edu and create a New Entry.
  3. Make sure you are within the default Convert Line Breaks format. If you have set up WYSIWYG editing, you may need to return to the to Convert Lines format.
  4. Open a new browser window and search for the uploaded Flickr photo.
  5. Select the All Sizes button in the Flickr Toolbar and select the appropriate size. See Screen Capture.
  6. Save and publish the entry. Your Flickr photo will be displayed in your blog.
    Note: If the entry shows the code instead of the photo, make sure are outside WYSIWYG mode.

Google Maps

These instructions only work for your own Google Maps and Google Maps released to the public.

  1. Create a custom Google Map following the Google MyMaps Instructions.
  2. Click Link to this Map in the upper right, then click Customize and preview embedded map
  3. Set the zoom and location in the preview window to the appropriate settings.
  4. Close the window, then cut and post the HTML code into your blog entry. The code looks something like

    <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?MAP DETAILS HERE
    </iframe><br />
    <small><a href="http://maps.google.com/maps?MAP DETAILS HERE style="color:#0000FF;text-align:left">View Larger Map</a></small>

See Google Maps for instructions with screen captures.

Other Content

The capability of embedding content from other sites depends on whether they release an embed code or not. Some sites may only allow you to embed your own items, and others may not offer that option at all.

Create a Podcast Feed (MT 3)

First create an MP3 audio file. Both the Faculty Multimedia Center Tutorials Page and the Digital Commons Tutorials page include tutorials for software such as Garage Band or QuicktimePro.

Upload MP3 File into a Blog

The procedure to uploading an audio file is similar to uploading images.
Note: There is a 50 M size limit for Blog file uploads. For larger files, use the Pass Explorer or SFTP to upload files into your Personal Web Space www directory.

  1. Log on to http://blogs.psu.edu.
  2. Click the name of the blog to enter the blog,
  3. Click Upload File button in the left menu.
  4. In the upload window, click Browse and navigate to your image file on your local drive.
  5. Click the Upload button to upload the image.
  6. In the next window, select Create a new entry using this uploaded file, then click the Link button. A new entry with a link to the uploaded file will be created.
  7. Add a title and additional text as needed.
  8. Save and Publish the post.

Viewing Podcast in iTunes

To view the podcast in iTunes, do the following.

  1. Navigate to your published blog (e.g. http://www.personal.psu.edu/xyz123/blogs/).
  2. Find the link for Subscribe to this blog's feed in the sidebar. Right click and select the option for copying the link URL.
  3. Open the iTunes application.
  4. Go to Advanced menu then Subscribe to Podcasts..., then paste the URL into the pop-up window.
  5. You will see a list of available files in that podcast. You will not see any text written in the blog entry.
    Note: The most recent file will be downloaded unless you select click the X cancel icon at top.

Other Podcast Viewing Options

  • Users can click on the link within the entry to listen to the file within an MP3 plugin such as Quicktime, Windows Media Player or iTunes.
  • Users can subscribe to the feed using a news reader such as Feed Reader (Windows) and NetNewsWire Lite (Mac) and click on links for audio.

Podcast Through iTunes U

If you wish to use the iTunes podcasting service, please review information at http://podcasts.psu.edu/. This service allows you to lock down podcast viewing rights by course or other Penn State unit and to navigate to the podcast directly within iTunes but is acessible only through iTunes.

Enable Outgoing Trackback Pings (MT 3)

A track back is a mechanism which allows a blog to automatically notify another Web site whenever a new entry is added. Although this is a useful notification mechanism, there are also spam trackback servers.

To add an outgoing Trackback for an individual entry, you must configure the entry page to display this option.

  1. Log on to http://blogs.psu.edu.
  2. Click the link "Create a new entry on this weblog " to the right of the blog.
    Note: You can also
    click on the name of the blog, then the the New Entry button on the left.
  3. On the entry page, click the link for click the link “Customize the display of this page” at the bottom.
    [inline:14CustomizeDisplay.png=Screen Capture New Entry screen]
  4. In the Editor Fields options, select Custom.Place a check next to Outgoing TrackBack URL's and any other items you wish to edit for each entry.
    Note: If you cannot place a check, make sure Custom is selected.
    [inline:TrackBackEnable.png=Screen Capture Entry Options]
  5. Click Save to close window and change preferences.
  6. The entry form will be changed to include a Outbound TrackBack URLs field.
    Note: The Status menu where you set the publish option may be pushed to the bottom.

Incoming Trackbacks Disabled

Note: Because Blogs at Penn State are tied in to Web Access authentication, the security means that the blogs cannot accept incoming trackbacks.

Send E-mail Notifications (MT 3)

The Blogs at Penn State allows you to send an e-mail message to selected users when an entry is published. You can send e-mail to a group within your Notifications list or to a custom set of addresses for each entry. This can be useful within a course blog to notify students or a project blog to notify users of updates.

To Send a Notification

  1. Log in to http://blogs.psu.edu and enter your blog.
  2. Click New Entries to begin an entry or Entries to enter an old entry, then complete your entry
  3. Within the Entry screen, click the Notification tab to the far right above the title. A Send a Notification window will open.
    [inline:Notificationtab.png=Entry screen with Notification tab to far right]
  4. Enter e-mail address in the Recipients field. Multiple address should be written with one e-mail address per line or a list separated by commas.      
  5. You can enter a message for the recipients in the Message to recipients textbox.
  6. Check the option for Entry excerpt if you want a quote to be included in the e-mail message. 7.
  7. Check the option for Entry body if you want the entire text of the entry to be included in the e-mail message.
  8. Click Send entry notification to send the message.
    [inline:Notifcationwin.png=Send a Notification screen]

Enter Address into Notifications List

  1. Login and enter your blog.
  2. Click the Notifications button to the left.
  3. Click the Create New Notification link; a green entry field will appear at the top of the screen.
  4. Enter an Email address, then click the Add Recipient button.
  5. Repeat Steps #3-4 for each e-mail address.
  6. To delete a contact, check the name of the user, then click the Delete button at the top.

Send Notifications to Contacts in Address Book

  1. Write and save an entry as in the “To Send a Notification” section above
  2. Click theNotification tab to open the notification window.
  3. In the Send a Notification window, make sure the top Recipients option for “Notification list subscribers” is check.
    Note: If you do not see this checkbox, please click the Notifications tab and make sure you have entered at least one e-mail address.

Screencast: Change Your Theme with the Stylecatcher (MT 3)

To give you a visual way to learn how to use the Stylecatcher to change the theme on your blog we've created a screencast. Click the image below or click this link to watch the movie. You can also view the detailed instructions.

Screencast: Upload Image (MT 3)

To give you a visual way to learn how to upload an image to your blog we've created a screencast. Click the image below or click this link to watch the movie. Or you can view the detailed instructions.

Click link to watch movie

Manage Sidebar Content (MT 3) - Categories, Tags, External Links

These pages describe how to customize the content in your sidebar.
Note: Notes on adding custom sidebar widgets can be found in the Advanced section.

Categories and Tags (MT 3)

These instructions allow you to include blog categories and free tags for each entry.

Categories vs. Tags

Categories are a fixed list configured by the blog creator, while free tags are a set of words manually added to each entry. The differences are:

  • Links for Categories are displayed in the side bar and are assigned via a pull-down menu.
  • Tags are displayed below each entry as links and are assigned by adding a series of words separated by commas. If you use the same tag in multiple entries, all entries using that tag are displayed.
    Tags can also displayed in the sidebar, but only if the Tag Cloud is enabled in the Widget Manager.

Both categories and free tags can be used in the same blog, but you should be sure to use words consistently.

To add tags and categories to entries, you must configure the entry page.

Configure Entry Page for Categories and Tags (MT 3)

To add tags and categories to entries, you must configure the entry page to display these items.

  1. Log on to http://blogs.psu.edu.
  2. Click the link "Create a new entry on this weblog " to the right of the blog.
    Note: You can also
    click on the name of the blog, then the the New Entry button on the left.
  3. On the entry page, click the link for click the link “Customize the display of this page” at the bottom.
    [inline:14CustomizeDisplay.png=Screen Capture New Entry screen]
  4. In the Editor Fields options, select Custom.Place a check next to Categories, Tags and any other items you wish to edit for each entry.
    Note: If you cannot place a check, make sure Custom is selected.
    [inline:15CheckCat.png=Screen Capture Entry Options]
  5. Click Save to close window and change preferences.
  6. The entry form will be changed to include a Category menu and Tags field.
    Note: The Status menu where you set the publish option may be pushed to the bottom.
    [inline:16EntryFormwCat.png=Screen Capture Entry Window with Categories, Tags Added]

Add Categories

To add a new category to an entry, select Add new category… in the Category pull-down window. See Add Categories for more details

Add Tags

To add tags to en entry, go to the Tags field and type in a series of words separated by commas (e.g. “blogs, social computing, Web 2.0”). See Add Tags for more details.

Add a New Category or Subcategory (MT 3)

First, make sure you have

  1. Configured your Entry Page to show the Category Menu

To add a Category to an Entry

  1. Log on to http://blogs.psu.edu.
  2. Click the link "Create a new entry on this weblog " to the right of the blog.
    Note: You can also click on the name of the blog, then the the New Entry button on the left menu.
  3. Fill in the Title and Entry Body as needed.
  4. In the Category pull-down window, select a category or Add new category… to create a new category. A pop-up window will open.
    Note: If you don't see a Category menu, then be sure you have configured your entry page to display the Category Menu.
  5. In the Category window, enter the name of the category in the Category Title field.
    [inline:CategoryPopup.png=Screen Capture Category Popup]
  6. In the Parent Category pull-down menu:
    • Leave the menu set to Top Level if you are creating a main category.
    • If you are creating a subcategory, then change the Parent Category menu to an appropriate main category.
  7. Click Rebuild Site in the lower part of the left menu to post the changes.

Examples of Parent Categories

For instance, if you wanted to create a subcategory of Blogs under a main category of Social Computing, you would:

  1. Create a category named Social Computing and set the Parent Category to Top Level.
  2. Create a second category named Blogs and set the Parent Category to Social Computing.

Adding Multiple Categories

Once you have added a variety of categories to your blog, you can click Assign Multiple Categories beneath the Category menu. This brings up a checklist of available categories.

Edit/Delete Categories (MT 3)

  1. Log on to http://blogs.psu.edu.
  2. Click the name of the blog to enter it.
  3. Click Categories in the left menu. You will see a list of categories used on your site.
    [inline:CategoryList.png=Screen Capture - Category List]
    The following options are available:

    • To edit the name of a category, click the name of the category, then change the Label field.
    • To move a category between levels, click the Move button to the right of the category name, then select a new parent category. Top Level sets a category to main category level.
    • To delete categories, check all categories to be deleted them click the Delete button at the bottom.
    • To create a new main category, click Create New Top Level Category to the right.
    • To create a new subcategory within a parent category, click the Create button next to the name of the category.
  4. Click Rebuild Site in the lower part of the left menu to post the changes.
  5. Click View Site in the lower left menu to see the Categories in the sidebar. Click the back button to return to editing the blog.
    Note: New categories will not become links until you add at least one entry in that category.

Add Tags to Entries (MT 3)

First, make sure you have

  1. Configured your Entry Page to show the Tags Field

To add Tags to an Entry

  1. Log on to http://blogs.psu.edu.
  2. Click the link "Create a new entry on this weblog " to the right of the blog.
    Note: You can also click on the name of the blog, then the the New Entry button on the left menu.
  3. Fill in the Title and Entry Body as needed.
  4. In the Tags field, add a series of words separated by commas (e.g. “blogs, social computing, Web 2.0”). For best sorting, be use the same same version of the word (e.g. “blogs”, but not “blog) across entries.
    Note: If you don't see a Category menu, then be sure you have configured your entry page to display the Tags Field.
  5. Click Rebuild Site in the lower part of the left menu to post the changes.
  6. To see which tags you have already used, click Tags in the left menu. Tags can be deleted and renamed as needed.

Display Tag Cloud in Sidebar (MT 3)

The Tag Cloud is an optional sidebar widget that can be enabled in the Widget manager. Once enabled, users can see a list of tags you include in different entries. See Adding and Managing Sidebar Widgets for more detailed instructions.

[inline:tagcloud.png=Screen Capture Tag Cloud showing tags about computing]

To enable the Tag Cloud widget

  1. Log on to http://blogs.psu.edu.
  2. Click the name of the blog to enter it.
  3. Click Templates in the left menu.
  4. Click Manage My Widgets in the bottom, then the link for First Widget Manager.
  5. All available able widgets will be displayed. Be sure the Tag Cloud widget is listed in the left column.
    [inline:WidgetMenu.png=Screen Capture Widget Manager]
  6. Click Save Chages to exit.
  7. Click Rebuild Site in the lower part of the left menu to post the changes.
  8. Click View Site in the lower left menu to see the Tag Cloud in the sidebar.

Manage Tags (MT 3)

Manage Tags


  1. Log on to http://blogs.psu.edu.
  2. Click the name of the blog to enter it.
  3. Click Tags in the left menu. You will see a list of tags used on your site.
    The following options are available:

    • To edit the name of a tag, click the name of the tag, change the name in the new field, then click Rename.
    • To delete tags, check all tags to be deleted them click the Delete button at the bottom.
  4. Click Rebuild Site in the lower part of the left menu to post the changes.

Edit/Add Categories and Tags in Older Entries (MT 3)

  1. Log on to http://blogs.psu.edu.
  2. Click the name of the blog to enter it.
  3. Click Entries in the left menu. You will see a list of entries to be edited.
  4. Click the link for entry to be edited. The Entry page opens.
  5. Select an item from Categories menu to change or add categories.
  6. Fill in, edit or delete the list of items separated by commas in the Tags menu.
    Note: If you don't see either a Category menu or Tags field, then be sure you have configured your entry page.
  7. Click Rebuild Site in the lower part of the left menu to post the changes.

Adding Multiple Categories

Once you have added a variety of categories to your blog, you can click Assign Multiple Categories beneath the Category menu. This brings up a checklist of available categories.

Adjust Blog Archive Settings (MT 3)

By default, the blog will archive your postings by the month and by category. You can adjust blog settings to display by category, by month by day or by the week.

  1. Log on to http://blogs.psu.edu.
  2. Click the name of your blog to enter it.
  3. Click the Settings button in the left menu.
  4. Click the link Switch to Detailed Settings link on the right. More tabs will be displayed.
    [inline:SettingsBasic2.png=Screen capture of Basics Settings with Switch to Detailed link]
  5. In the detailed view, click the Publishing tab.
    [inline:SettingsDetailedTabs.png=Screen Capture Detailed Settings Tabs]
  6. Scroll down to the Archive Mapping section.
  7. Check the options you want for your archive. By Month and By Category are checked by default.
    Note: The Individual archive lists the title of each blog entry.
  8. Click Rebuild my Site when you are finished to post the changes
  9. Click View Site in the lower left menu to see the changes in the sidebar. Click the back button to return to editing the blog.

Manage and Display Sidebar Widgets (MT 3)

Widgets are snippets of code which allow you to add different types of content to the sidebar of your blog. Additional built-in widgets available in the Penn State blogs include the Tag Cloud, Calendars and the Creative Commons license statement.

To make these active (or to remove sidebar elements), complete these steps.

  1. Log on to Blogs at Penn State.
  2. Click the name of the blog to enter it.
  3. Click Templates in the left menu.
  4. Click Manage My Widgets in the bottom Plugin Actions section.
    [inline:pluginmenu.png=Screen Capture Plugins Actions Menu]
  5. Click the link for First Widget Manager.
    [inline:FirstWidgetManager.png=Screen Capture Fisrt Widget Manager Link]
  6. All available able widgets will be displayed.
    1. Drag widgets you do not need to the right hand Available Widget column.
    2. Leave widgets you want to be displayed in the to the left Installed Widgets column. You can drag the order of the items to change the display order.
      [inline:WidgetDefault.png=Screen Capture Widget Manager Items]
  7. Click Save Chages to exit the Widget manager.
  8. Click Rebuild Site in the lower part of the left menu to post the changes.
  9. Click View Site in the lower left menu to see the changes in the sidebar.

Add Sidebar Links with Blogroll (MT 3)

  1. Log on to http://blogs.psu.edu.
  2. Click the name of the blog to enter it.
  3. Click Edit My Blogroll in the lower right section of the page in the Plugin Actions menu.
    Note: If you do not see this option, click Main Menu at the top and re-enter your blog.
  4. In the Blogroll window, enter or paste a URL in the Enter URL to QuickAdd field in the upper right then hit the Enter/Return key.
    Note: Be sure to include the http:// prefix
    [inline:BlogrollNew.png=Screen Capture Bloglines]
  5. On the next screen, check to see if information is correct. Fill in other information as needed.
    Note: When you add more than one link, you can use the Priority field to determine which order each link should be in.
    [inline:BlogrollPriority.png=Screen Capture Bloglines Links Detail]
  6. Click Save at the bottom of the screen to confirm the link.
  7. To add another link, click Add Link in the left menu. When you add an additional link, you can use the Priority field to determine which order the link should be in.
    [inline:BlogrollMenu.png=Screen Capture Bloglines Left Menu]
  8. Click Back to Blog in the left menu to exit Blogroll. You should be back inside your original blog.
  9. Enter the Widget Manager, to be sure the Blogroll option is in the left column.
  10. When all links are added, click Rebuild Site to post the changes.
  11. Click View Site to see the links in the side menu.
    Note: If you do not see the links, make sure you have checked to see that Blogroll options are correct in the Widget Manager and that you have clicked Rebuild Site.

Add a Headline Feed In the Sidebar (MT 3)

This widget tool allows you to add headlines from another blog or news service to your sidebar.

Find the Feed Link

Blog headlines are stored in an RSS, ATOM or other XML file. If you are not sure how to identify a news feed link, see the TLT Sorting Out Blogs, Wikis and Newsfeeds page.

Add the Feed Link

  1. Log on to http://blogs.psu.edu.
  2. Click the name of the blog to enter it.
  3. Click Create a Feed Widget in the lower right section of the page in the Plugin Actions menu.
    Note: If you do not see this option, click Main Menu at the top and re-enter your blog.
  4. In the next window, enter or paste a URL in the Enter URL to QuickAdd field in the upper right then hit the Continue button.
    Note: Be sure to include the http:// prefix (not the feed:// prefix found in Safari)
    [inline:FeedsURL.png=Screen Capture Add Feed URL]
  5. Click Continue at the bottom of the screen to confirm the link and enter the next screen.
  6. On the next screen, edit the Title of the feed as needed.
    [inline:Feeds2.png=Screen Capture Feed Details]
  7. Select the number of entries you wish to show in the Display field then click Save.
  8. To add another feed, click Create Another; otherwise click the white Main Menu link on the top of the menu to exit the feed widget.
    [inline:Feeds3.png=Screen Capture Create Another Feed]

Display the Feed

You must enter the Widget Manager to move the feeds to the sidebar. To do that:

  1. From the Main Menu, click the name of the blog to enter it.
  2. Click Templates in the left menu.
  3. Click Manage My Widgets in the bottom Plugin Actions section. A list of available sidebar widgets are displayed.
  4. Click the link for First Widget Manager. All available able widgets will be displayed.
  5. Drag the feed widget (named after the feed) from the right hand Available Widget column to the left Installed Widgets column. Click Save Changes to exit.
    [inline:WidgetMenuPSULive.png=Feed Widget Named Penn State Live in Right Column of Widget Manager]
  6. Click Rebuild Site to post the changes.
  7. Click View Site to see the links in the side menu.
    Note: If you do not see the links, make sure you have checked to see that Blogroll is set to display in the Widget Manager and that you have clicked Rebuild Site.

Edit Typos in Feed Title

If your Feed title is too long or has typos, do the following.

  1. Click Templates in the left menu to see the list of available widgets, including feed widgets. The image below shows a widget for a Penn State Live feed.
    [inline:widgetlist2.png=Screen Capture Widget List]
  2. Click the name for the feed widget.
  3. Change the text in the Template Name field. Click Save then click Rebuild Site to post the changes.
  4. Note: If you do not see the links, make sure you have checked to see that feed is set to display in the Widget Manager and that you have clicked Rebuild Site.

Export/Delete Blogs (MT 3)

These pages discuss exporting or discontinuing blogs.

Export a Blog (MT 3)

The recommended browser for export is Firefox. Blog files may not correctly export from Internet Explorer 7.

Export Text

This operation preserves the text of each entry, but images and links will be lost.  To export text:

  1. Log in to http://blogs.psu.edu and enter a blog by clicking the link name.
  2. Click the Import/Export button in the left menu.
  3. Click the Export Entries tab, then the Export Entries from… button.
  4. The text of all the entries will be downloaded into a text (.txt) file.
  5. If you wish to import these entries into another blog, consult the new blog service for information on importing new text entries from a file.

Import into New Blogs (Movable Type 4)

See Import into MT 4 documentation for instructions.

Other Files

This operation allows you to save other files including images, raw HTML code and custom stylesheets.

  1. Use SFTP or the Penn State Portal Pass Explorer (http://www.psu.edu/portalproject/passexplorer/) to navigate to the /blogs folder in your Personal Web space www/ folder.
  2. These files can be downloaded and saved.

Discontinue an Entire Blog (MT 3)

If you wish to discontinue a blog and take it offline.

Delete Future Entries

To delete the blog from your list of Penn State Blogs to the following steps.
Note: A blog can remain in your blogs profile, but not be visible to the public if no entries are posted.

  1. Log in to http://blogs.psu.edu to see the Main Menu.
  2. Click Weblogs link in the System Shortcuts to the right to see a list of your blogs.
  3. Look for the blog you wish to delete and click the trashcan icon to the far right.

Remove Past Entries

Past entries are stored as static pages in your Penn State Personal Web space. To remove these pages:

  1. Use SFTP or the Penn State Portal Pass Explorer (http://www.psu.edu/portalproject/passexplorer/) to navigate to the /blogs folder in your Personal Web space www/ folder.
  2. Download any files you wish to archive then delete all files in the blogs directory.
    Note: If you have multiple blogs, delete the folder for the corresponding blog.

Advanced Documentation (MT 3)

Use these techniques only if you are comfortable working with HTML code and CSS style sheets.

Add Custom Blog Theme CSS (MT 3)

You can use code generated by the Stylecatcher to customize your own blog CSS theme file.
Note: The following documentation assumes familiarity with Cascading Style Sheets (CSS). Information on CSS files can be found at

Find and Copy CSS Template

  1. Log on to http://blogs.psu.edu.
  2. Click on the name of the blog to enter it
  3. Click Templates in the left menu.
  4. Click the link Select a Design Using Stylecatcher in the Plugin Actions menu at the bottom of the Templates screen.
  5. In the next window, click the Find Styles button in the upper right to see available themes.
    Note: To preview even more styles, enter http://thestylecontest.com/browse into the field for Theme or Repository URL
  6. Find a style that mostly closely approximates the style you want, then click the Show Details link on the far right above the display of themes.
  7. Click the CSS File link beneath the larger image of the theme.
  8. Copy the CSS and paste it into a .css text file.
  9. Change the CSS classes as needed
  10. Insert the following code at the top of your CSS file.

        /*
         name: Your Theme Name
         designer: Your name and name of original theme
         */

Finding Other Themes

If you do not find a suitable theme to modify within the Stylecatcher, you can look for other “Movable Type Themes” in Google and see if they provide access to a .css file.

Once you find the .css file, follow steps #7-12 from the section above.

Apply Custom Theme in Blog with Templates

  1. Login to the Blogs system and enter a blog
    Note: You can click the white Main Menu link to return to the main blogs menu.
  2. Click Templates in the left hand menu.
  3. Click the Indexes tab.
    tabs screen capture
  4. Click the link for Stylesheet (also called "styles-site.css").
    [inline:styles-css.png=screen capture Stylesheet link]
  5. Copy and paste CSS into the Template Body window.
  6. Click Save and Rebuild.
    Note: Clicking Save saves the changes, but does not publish them to the blog.
  7. To test the file, click View Site. If necessary, Shift Reload the page in your browser to verify that the new CSS has been applied.
  8. To revise the styles, repeat steps #1-7 as needed.

Apply Custom Theme in Blog with Stylecatcher.

  1. Upload the CSS file into a directory of your choosing. It can be uploaded into the /blogs directory of your personal Web space.
    Note: If you have multiple blogs, it is recommended you upload the CSS file into the directory for the specific blog.
  2. Login to the Blogs system and enter a blog
    Note: You can click the white Main Menu link to return to the main blogs menu.
  3. Click Select a Design using Stylecatcher in the lower right.
  4. Enter the URL of your CSS file in the Theme or Repository URL field, then click Find Style.
  5. Your theme CSS will be imported with the name in the /* name: */ description. Highlight it and click Apply Selected Design.
  6. If you wish to include a background image, upload it to a directory, then use an absolute link in your CSS file (e.g. http://www.psu.edu/graphics/yourimage).
  7. To test the site, click Main Menu in the right, enter the blog,
  8. Within the blog, click View Site. If necessary, Shift Reload the page in your browser to verify that the new CSS has been applied.
  9. If you need to revise your theme, then edit and re-upload your file, then re-import the theme following steps #1-6 in this section.

Additional Links

Add an “About Me” Custom Widget in the Sidebar (MT 3)

Widgets are snippets of code which allow you to add different types of content to the sidebar of your blog. Movable Type allows you to create custom widgets of your own.
Note: The following documentation assumes familiarity with HTML. Information about HTML can be found at

Create A Custom Widget

  1. Log on to the Penn State Blogs.
  2. Click on the name of the blog to enter it
  3. Click Templates in the left menu to see the list of available widgets,
    [inline:widgetlist2.png=Screen Capture Widget List]
  4. Click the link for Create New Sidebar Widget in the upper right.
  5. Name the item Widget: About Me.
    Note: The title must include “Widget:” or it won’t appear in the Widget Manager.
  6. Place the following code in the Module Body field.

    <div class="module-archives module">
    <h2 class="module-header">About Me</h2>
         <div class="module-content">
         Your Text Here
         </div>
    </div>

  7. Click Save, then click Templates in the left menu to exit the widget editor.
  8. Click Manage my Widget at the bottom, then First Widget Manager to enter the Widget Manager. Make sure the About Me widget (or whatever name you gave to the widget) is in the left column.
  9. Click Rebuild Site to post the changes.

Find External Movable Type 3 Widgets (MT 3)

Developers have created a variety of widgets for blogs which can be implemented in your blog via the Widget creator and manager.
Note: Check to see that the widget is compatible with Movable Type or TypePad.

A list of some available widgets can be found at http://www.sixapart.com/typepad/widgets/. Read instructions at each widget site for specific details.

Modify Blog Header with Templates (MT 3)

You can change your blog header or add favicons by modifying the HTML code of main index template

  1. Login to the Blogs system and enter a blog
    Note: You can click the white Main Menu link to return to the main blogs menu.
  2. Click Templates in the left hand menu.
  3. Click the Indexes tab.
    tabs screen capture
  4. Click the link for Main Index (also called "index.html").
  5. The HTML is in the Template Body window.
  6. To change the header, change code within the <div id="banner"> class.
    Note: Tags beginning with $MT are pulled from Movable Type and should not be changed unless there is a specific reason to.
  7. Click Save and Rebuild.
    Note: Clicking Save saves the changes, but does not publish them to the blog.
  8. To test the file, click View Site. If necessary,
  9. To revise the styles, repeat steps #1-9 as needed.

Identifying Key Divs

The HTML Includes the following divisions (which refer to the CSS stylesheet)

Additional Links

 

Create a Static Page with Movable Type (MT 3)

You can create a static page integrated with your blog using the Templates. To create a static page.

Create Static Page Template

  1. Login to the Blogs system and enter a blog
    Note: You can click the white Main Menu link to return to the main blogs menu.
  2. Click Templates in the left hand menu.
  3. Click the Indexes tab.
  4. Click Create New Index Template to the right of the tabs.
    tabs screen capture
  5. Enter a Template Name (e.g. "About Me") and a Output File Name ending with a.html extension (e.g. "aboutme.html")
    [inline:fileoutput.png=Screen capture template information]
  6. Click Save.

Integrate Content from Blog

To integrate styles and content from the main blog page do the following

  1. Click Templates in the left hand menu. Click the Indexes tab.
  2. Click the link for Main Index (index.html)
  3. Copy and paste the following portion of the code. This will add the header and main entry body.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" id="sixapart-standard">

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" />
    <meta name="generator" content="<$MTProductName version="1"$>" />

    <link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" />
    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<$MTBlogURL$>index.xml" />

    <title><$MTBlogName encode_html="1"$></title>

    <link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$MTBlogURL$>rsd.xml" />

    <MTBlogIfCCLicense>
    <$MTCCLicenseRDF$>
    </MTBlogIfCCLicense>
    </head>
    <body class="layout-two-column-right main-index">
    <div id="container">
    <div id="container-inner" class="pkg">

    <div id="banner">
    <div id="banner-inner" class="pkg">
    <h1 id="banner-header"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1>
    <h2 id="banner-description"><$MTBlogDescription$></h2>
    </div>
    </div>

    <div id="pagebody">
    <div id="pagebody-inner" class="pkg">
    <div id="alpha">
    <div id="alpha-inner" class="pkg">

    <! -- ENTER YOUR CONTENT HERE -->

    </div>
    </div>
    </div>
    </div>

    </body>
    </html>

  4. Add additional HTML content <div id="alpha-inner"> section.
  5. To add the sidebar, copy and paste code in the <div id="beta"> section.
  6. Click Save and Rebuild.
    Note: Clicking Save saves the changes, but does not publish them to the blog.

Test the file

  1. Click Templates in the left hand menu. Click the Indexes tab.
  2. Click the the circle and arrow "View Published Template icon. This will open your static page to preview.
    [inline:aboutme.png=screen capture of page listing with publish icon at right]

Identifying Key Divs

The HTML Includes the following divisions (which refer to the CSS stylesheet)

Additional Links