Another excellent tutorial from WordPress.tv about one of the new features of WordPress 2.7: The ability to quick edit posts, without having to go in and manually edit every one of them.

In short, this feature allows you to rapidly add a category, apply tags, change an author, or change post status to posts (either a single one or a batch) all from the Manage Posts screen.

I’ve said it many times before: the single best thing 5-minute thing you can do to help boost your blog’s search-engine mojo is to add links to your blogroll. Lots of them.

The more sites you link to, the more will link back to you, and the higher your ranking will get. Trust me, it works. And it doesn’t take more than a couple minutes.

If, however, you’ve reached the point where you’ve added so many links to your blogroll that it’s staring to get unwieldy — 20, 40, 80! — it may be time for you to divvy up those links into smaller widgets. Usually bloggers do this by assinging the links different categories. For example, on the LoHud Yankees blog, Pete Abraham separates out “Other Beat Writers,” “Yes Network Blogs,” “Fan Blogs,” “Cool Sites,” and so on. Another blogger I knew in Westchester had a religion blog and subdivided his blogroll by religious demonination.

On Kevin Callahan’s Into the Outside blog, he devides up his link list like so:

That’s just a small snapshot, by the way. The full list is about 5x that long.

In order to enable grouped links, you’ll need to activate a plugin that enables this function and adds the widget to the sidebar. That may sound intimidating, but it’s actually quite easy. Below is a video — creating with my snazzy new screencasting software, ScreenFlow — to show you how to do it.

Ever wondered what that “Meta” widget in the sidebar is? Aside from being an easy way to find the login link for your blog, it serves a few other useful purposes. This video from WordPress.tv sums them up pretty nicely.

On the one hand, I’m thrilled to report that WordPress.tv, the new tutorial site launched by the folks behind your favorite blog software, is one of the most slick, pragmatic, useful tools every created to teach people the in’s and out’s of WordPress.

On the other hand, I’m left wondering why did I spend soooo much damn time creating my own little tutorials here? And why oh why did I just fork out $80 for a snazzy new screencapture software. D’oh!

Oh well, the more screencasts, the merrier.

What’s especially great about the ones on WordPress.tv is that they’re extremely good quality. If you ever found the out-of-sync audio and hard to read video on my Viddler demos frustrating, the ultra-crisp HD quality demos on the new site will surely be a welcome improvement.

Here’s a quick intro to WordPress.tv

I’ll continue to create a handful of screencasts for features not covered on WordPress.tv. And now that their content is available, I’ll link to that, too.

Just one thing to remember: Most of the videos are filmed with WordPress 2.7, which we haven’t been able to upgrade to yet, since it’s not available for WordPressMU yet. Should be any day now.

WordPress.tv

This post is only intended for advanced users — i.e. Blog Czars, Online Editors, and Developers. If that doesn’t include you, by all means, you’re still encouraged to read and learn. But keep in mind that these instructions are very specific to our installation of WordPress MU and will differ somewhat with regular WordPress.com and WordPress.org blogs (which are generally a little easier to get up and running).

Step 1: Gather all the info and graphics for your new blog

Just some of the elements you'll need to have on hand before starting

I have a simple punch list I use:

• Blog Header Graphic — This should be a 525 x 150 px JPG image, with the resolution set to 72 dpi. It should be saved with the same name as the blog path (e.g. rutgers.jpg)
• Blog Button Graphics – You’ll want to create two buttons, one large and one small. The large one is typically a 100 x 100 px GIF, set to 72 dpi; The small one is a 60 x 60 GIF, also set to 72 dpi
• Mug Shots of the Authors – The images are usually done at 75 px wide, saved as JPGs, and formatted with the author’s username (e.g. tmann.jpg)
• Blog Name
• Blog Tagline, or description — One or two sentences summarizing what the blog will cover
• Author email addresses — If they prefer non-Gannett emails, be sure to use whatever they like
• Author bios – Usually a couple sentences, written to go in the “About the Author” box
• Meta Tag information — A new piece of information we want to start collecting. This is just keyword information to help search engines better index the blogs
• List of desired sidebar elements – Do the authors want polls? Flickr feeds? Twitter tools? Etc.

Got all that. OK, now you’re ready to get the blog set up. The full list of instructions is after the break.

Continue reading »

One of the quickest and easiest ways to give your sidebar a little more fresh content is to add an RSS feed from another blog or news source. If you really like reading another colleague’s blog, you can pull in his or her five most recent entries. For example, on Bob Ingle’s “Politics Patrol” blog, the most recent posts from our sister blog in Trenton, “Capitol Quickies,” automatically come into the sidebar, like so:

In a totally different kind of treatment, on Kevin Callahan’s “Into the Outside” blog, he pulls in an RSS feed of the latest outdoor gear that’s been posted to CraigsList:

As long as you can find an RSS feed for the content you’re interested in calling in, WordPress will do all the rest. It’s up to you whether or not to pull in just headlines, or headlines and content, or headlines and content and author name and date posted. All that is fully customizable.

Once you’ve found an RSS feed (usually by either click on the orange RSS icon or the RSS icon in your browser bar), copy the URL location of that feed.

Next, go into the blog backend.

Choose DESIGN –> WIDGETS

Find the RSS widget on the left-hand column. Click “Add”

That widget will get added to the list of live widgets on the right. Click on “Edit.”

Paste the feed address in the first box, the name of the feed in the second, and then check off any additional settings you’d like. Click “Change” at the bottom of the widget, and then “Save Changes” at the bottom of the widget sidebar list.

The RSS feed should now start coming into your sidebar dynamically.

Here’s a video to recap the steps:

I realized recently that I’d never posted anything to Blog Boot Camp about how to embed video. Shame on me! I realize this may be a bit remedial for some, but if you’ve not yet posted a video clip and always wondered how to do so, this tutorial is for you.

Step 1. Figure out if the clip you want to post is embeddable. If it’s something you found on YouTube or APP.com or one of the other Gannett NJ sites, you’re in luck. All you want to do is look for an embed code or button somewhere around the video.

On YouTube.com, the embed code is usually found to the right of the videos in a little “Embed” window. If you click on the gear icon, you can customize what your embedded player will look like. Remember to highlight the whole chunk of code.

If you’re looking at a YouTube video that’s already been embedded on another blog or website, you can quickly get to the embed code simply by clicking on the button in the lower right-hand corner.

If you’re on one of the Gannett NJ sites, there are two places where you’ll typically find the embed code: either to the left of the video player, in a little “embed” window, or by clicking on the “embed” button at the bottom of the player.

Step 2: Copy the embed code.

Step 3: Add the code to your post. Figure out where in a post you’d like to add the video. Click on the HTML tab at the top of the post. Paste the full embed code.

You can then go back to the visual editor by clicking on the “Visual” tab at the top of the post. The video will show up as an orange, block-shaped placeholder, but if you click on “View Post” or just go ahead and publish the post, the embedded video will show up. Simple as that.

For more details and a better walk-through on how this works, watch the video — no, make that the embedded video! — below.

I could try to summarize all the features of WordPress 2.7 in a post, but frankly, this video does a better job than I ever could.

I’ve been running “Coltrane” (formerly “Crazyhorse”) a few weeks now on Blog Boot Camp, and I can honestly say, it’s all that and a bag of chips. A huge number of improvements over the last iteration of WordPress. We should have it up and running on the NJ blogs by the end of the year.

In yesterday’s Gannett NJ “Blog Buzz” email, I mentioned how a number of blogs in the state have begun using event calendars in their sidebar. As I put it:

These are very simple to administer from the blog’s backend, and have the added benefit of allowing the blogger to add an event as both a calendar item and a regular blog post — essentially doing double-duty with each addition.

On “Veteran Voices,” Kristy Davies is letting readers know about upcoming ceremonies, holidays, and dedications for Veterans.

Lavinia DeCasto has used her events calendar on “Cinema-Scoop” to let people know about casting calls and tryouts in the Philadelphia region.

But as Mike Symons pointed out in an email to me, “I don’t see any instructions/widget about installing it.” To that end, here’s how to set up an event calendar on your blog:

1. Inside the blog, go to PLUGINS, and then scroll down. Activate “Events Calendar.”



2. Next, go to DESIGN –> WIDGETS, and add the Events Calendar widget to your sidebar. Remember to give the calendar a name (click “Edit” on the widget) and then click “Save Changes” at the bottom of the Current Widgets column.
   
3. Finally, start populating the calendar. You should now see EVENTS CALENDAR inbetween COMMENTS and REPORTS in the blog menu. Select it, and scroll down below the calendar to add an event. Make sure to check off “Create Post for Event” if you also want the event to turn into a regular blog post on your site, too. Select “Add Event” when you’re finished inputting it.
     
   

It happens to every blogger sooner or later: The dreaded missing sidebar.

More often than not, the sidebar hasn’t actually disappeared entirely; it’s just at the bottom of your blog, beneath all the posts. Which, of course, is just as bad. We call this a “blown out” sidebar.

So why does this happen? It’s usually due to a handful of common problems:

• Ultra-wide images in posts. That is, images that are wider than the width of the main content area. The main content area on our blogs (where the blog posts appear) is aprox 550px wide. However, there is usually spacing around images, as well as spacing around the edge of the post area. Which is to say, don’t ever make your images wider than 500 px. Put another way: Don’t ever let you images go wider than the right-most button in the editing screen.
• A really, really long URL. This happens if you actually paste the full URL into the text of a post (a no-no). If you’re ever inserting a link into a post, create a hyperlink by highlighting some text, clicking on the link icon (the little button with the piece of chain-link) and then pasting the URL. Putting an actual URL into a post is bad blog form.
• Bad HTML. Text that’s been pasted from MS Word or another site that has < div > or < span > tags. This one is a little trickier to troubleshoot, as text that’s been pasted with HTML formatting is usually riddled with such tags. The easiest method for fixing: delete all the text and follow the instructions for “Cutting and Pasting from MS Word” that I posted on this blog. This can also sometime happen when you’ve got something like a “Read More” tag within a paragraph. It’s better to add a couple of line breaks, and then put the “Read More” line inbetween them. That way the “Read More” line doesn’t run the risk of blowing out the sidebar.
• Ultra-wide sidebar widgets. This is sort of like the mirror problem of images that are too big. The sidebar area is 300px wide, but you really don’t want to put anything in there that goes beyond 275px. For example, if you put in an external widget that’s 350px wide, that will cause your sidebar to get blown out.

So, to sum up, if you have an image that’s 600px wide, your sidebar will get blown out. If you paste a really long URL, it’ll get blown out. If you cut and paste from Word, you’re running a good risk that it may get blown out. And if you put anything in your sidebar wider than 275px, it’ll probably get blown out.

Remember, keep all embeds and images to 500px wide in your posts; 275px wide in your sidebar.