How to Setup a “Favorite Posts” Section to Bring Old Posts Back to Life
How to Setup a

How to Setup a “Favorite Posts” Section to Bring Old Posts Back to Life

by Alex · 43 comments

One very well received new fea­ture of our new design here was the “Favorites” sec­tion that I setup in our side­bar. Basi­cally, it is a part of our blog where we selected our favorite arti­cles that were no longer in plain view for our read­ers and made them more eas­ily accessible.

Before I redesigned Blo­gus­sion, I wrote a lit­tle about this idea of cre­at­ing a favorite post sec­tion in my arti­cle with tips on how to drive traf­fic to old posts. Some peo­ple really liked the idea, and I loved the idea myself — so I imple­mented it here.

I really think this is just an amaz­ing way to keep old posts into cir­cu­la­tion, and it has proven itself to do so. The two major effects we have seen so far from posts listed on this page are:

  • Posts on this page have received more views and comments
  • Their activ­ity on social net­work­ing sites such as Stum­ble­Upon was up from before this page was created

Charts are always a great way to back state­ments up, and here is a screen­shot from Ana­lyt­ics for posts with the high­est pageviews this week:

Posts buried pages back are now within the top 5 most viewed posts for the week

Posts buried pages back are now within the top 5 most viewed posts for the week

I hope that the above is moti­va­tion enough for you to fol­low this tuto­r­ial and imple­ment this idea onto your blog. This is a really great way to put the spot­light back onto old posts. Now, I’m going to teach you how exactly to do it! It’s a pretty sim­ple thing to setup really, so it shouldn’t take you very long. Alright, let’s get started!

Step 1: Cre­ate a Category

Create a new category for your favorite articlesI told you this was going to be easy. For step one, all you need to do is cre­ate a cat­e­gory! Call it some­thing like “Favorites.” This cat­e­gory is the key to set­ting up your favorite posts sec­tion on your blog.

Once you have setup this cat­e­gory, it’s time for you to start pop­u­lat­ing it with posts. So, what you need to do now is go through your arti­cles and pick out your favorite ones. Once you find your favorite posts, just add them to your “Favorites” category.

This process may sound tedious, espe­cially if you have almost 250 posts like we did (I love brag­ging). But, oddly enough I found it rather enjoy­able to go through all of the old posts on this blog and pick out the best of the best.

Step 2: Down­load­ing the “Lat­est Posts by Cat­e­gory” Plugin

I chose to use a plu­gin by a blog­ger I respect a lot, Alex Cristache from Blogses­sive. I use his plu­gin both here on Blo­gus­sion, and my other blog Asnio. It’s a super plu­gin, and makes set­ting some­thing like a favorite posts sec­tion in your side­bar super easy!

Just click the awe­some box below to go over to Blogses­sive page and down­load it real quick. Don’t for­get to come back now!

box-latest-posts

Set­ting the plu­gin up is easy, and lucky for all of us Alex has writ­ten a highly detailed instruc­tion man­ual for using the plu­gin. Don’t for­get to check that out in the plu­gin folder included in the download.

Step 3: Set­ting the Plu­gin up

If you have a wid­getized side­bar, then you can sim­ply throw in the wid­get wher­ever you want. If you don’t use wid­getized side­bars, I rec­om­mend you read the doc­u­men­ta­tion over at Blogses­sive so you can find all of the codes for insert­ing this manually.

Con­fig­ur­ing the Wid­get Options

Latest Post By CategoryLucky for those of us with wid­gets, cus­tomiz­ing the out­put of this plu­gin is as sim­ple as check­ing a few boxes.

In your Wid­gets panel, you will find all of the options for cus­tomiz­ing this wid­get. But, the one impor­tant thing that you do is select your “Favorites” cat­e­gory under the Cat­e­gories to dis­play: sec­tion in the options.

Now that you have checked the box and saved the set­tings, you should see the list of your favorite posts on your blog. Like I said, there are many other options you may want to check out to make the best use of this plugin.

A great thing about this plu­gin is that it leaves plenty of room for cus­tomiza­tion. By default, you just have a sim­ple list of these posts. But, with a lit­tle CSS you can make the out­put look great. I’ll share with you a few tricks I did to make my list look so great here.

Again, I highly rec­om­mend you read the doc­u­men­ta­tion Alex wrote so you can get the full idea of how this plu­gin woks.

This is one list, but split into two columns to hold more posts and create less scrolling

Can now hold more con­tent with less scrolling

Split­ting the list into two columns

All it takes to split these posts into mul­ti­ple columns is a lit­tle CSS. Lucky for us, this plu­gin comes with its very own class names which makes styling it extremely easy. Alex really thought of every­thing when he cre­ated this plu­gin, I’ll tell you that much!

So to split these lists into columns, open up your stylesheet (usu­ally style.css) and add the fol­low­ing lines of CSS in there:

li.lpbcWidgetPost {
	float: left;
	padding: 0 0 1em 1em;	/* adds spacing to the right and bottom of each item */
	width: 45%;		/* will probably need adjusting depending on the width of its parent */
}

Now, this is the part where I think I will lose some peo­ple — so don’t be afraid to ask me any ques­tions about this in the com­ments section.

But basi­cally the whole idea is to float all of the con­tent within the <li> tag to the left, which will then align every­thing hor­i­zon­tally rather than ver­ti­cally. You add a lit­tle padding to sep­a­rate the con­tent, and add a width so you can limit how many posts show per line. You can decrease this width so you can have three or more columns if you wish.

The­sis Users: Add Spe­cial Styling to your “Favorites” page

As you can see, the for­mat­ting at the top of our favorite posts page has a dif­fer­ent for­mat­ting at the top then the rest of the cat­e­gory pages here have. I added these extra things to that page so peo­ple who visit it knew what kind of con­tent was there.

Luck­ily this is very easy to change around and if you use the won­der­ful The­sis Frame­work, all you need to do is add a lit­tle code to your custom_functions.php file:

function custom_archive_info() { if (is_category('favorites')) { ?>
 <div>
 <div>
 <h1><?php single_cat_title(); ?></h1>
 </div>
 <div>
 <!-- CONTENT HERE -->
 </div>
 </div>
<?php }
else
 thesis_default_archive_info();
}
remove_action('thesis_hook_archive_info', 'thesis_default_archive_info');
add_action('thesis_hook_archive_info', 'custom_archive_info');
Code used from Sugarrae’s tuto­r­ial

Hop­ing for Sim­i­lar Results

This tech­nique has worked pretty well for us so far, and I would love to know what you guys think of it as well! I do hope that this was an easy tuto­r­ial to fol­low, and I am try­ing to improve my tuto­r­ial writ­ing skills since the last one I wrote about how to cre­ate the orange RSS box we have here.

Good luck, and let us know how this tech­nique has effected the traf­fic to old posts on your blog!

Go to top

Article by Alex

I'm the 17 year old blogger & designer behind Blogussion. I live in New Jersey (but root for the New England Patriots), and am a Junior in High School. You can check out my rarely updated personal(ish) blog, Asnio, or connect with me on Twitter.

From Planning to Earning

A free course that explains all you need to know about maintaining and building a powerful, money making blog.

Information is delivered through a beautiful web guide & a 10 day email course (+ a weekly newsletter). Sign up, or learn more!

Alicia Mergo November 5, 2009 at 3:31 am

I agree that no matter professional site or just an amateur blog both should have some ideas of presenting the content in easy and accessible way. Visible menu is good idea but also some of ideas you mentioned. The whole thought of giving people access to everything easily and instantly is very good and I think that everyone should thing about this for a second or two.

Reply

Alex November 5, 2009 at 6:48 pm

Thanks Alicia! This feature is extremely useful, and I do agree – any site should have something setup like this.
Alex´s last blog ..8 Funny Things I Learned From Designing That I Apply to Life

Reply

Jenny November 5, 2009 at 6:10 am

You guys might be mind readers. Thanks for this! Looking forward to implementing this on my own site.. I’ll start thinking of my next needed improvement and look for a post on it next week, haha :)
Jenny´s last blog ..How I Brought Sexy Back (in a High School Musical bathing suit)

Reply

Alex November 5, 2009 at 6:49 pm

You don’t seriously need this? I honestly found your content so interesting I went back a few pages myself the other day just to read some of your stuff. :p
Alex´s last blog ..8 Funny Things I Learned From Designing That I Apply to Life

Reply

Internethow Blog November 5, 2009 at 6:28 am

Very informative and useful tips. I will make sure to go through this tutorial to implement those tips. Thank you.

Reply

Alex November 5, 2009 at 6:49 pm

Sounds good, glad you enjoyed it!
Alex´s last blog ..8 Funny Things I Learned From Designing That I Apply to Life

Reply

Antti Kokkonen November 5, 2009 at 7:57 am

Very neat idea and superb execution on this tutorial/guide. The css column tip alone helped me a lot :)

But I wonder if there is similar solution could be done with tags, instead of using a category? I’d like to keep the one category per post, but I’m already using “article” tag for the more detailed and longer articles which I also promote on the top posts -page. I could use that tag, or start adding a new favorites-tag and utilize that.
Antti Kokkonen´s last blog ..Do You Have The Entrepreneurial Spirit?

Reply

Alex November 5, 2009 at 6:50 pm

Thanks Antti, the columns are one of my favorite things about the look of it!

I never thought to use tags, but this just about sums it up for you!
Alex´s last blog ..8 Funny Things I Learned From Designing That I Apply to Life

Reply

Jodi Kaplan November 5, 2009 at 9:58 am

Thanks for the tips! I’m giving my blog a bit of a makeover this week, and this will help!

By the way, do you have a recommendation for a “popular posts” plugin?
Jodi Kaplan´s last blog ..A Marketing Mistake You Should Never Make

Reply

Alex November 5, 2009 at 6:52 pm

Glad to hear that Jodi, make overs are always fun!

I totally recommend the popular posts plugin by Rob Marsh: http://wordpress.org/extend/plugins/popular-posts-plugin/ It is extremely customizable, probably the most out of any Popular posts plugins at the moment.
Alex´s last blog ..8 Funny Things I Learned From Designing That I Apply to Life

Reply

Jodi Kaplan November 9, 2009 at 11:23 am

Thanks! I’ll go check it out.
Jodi Kaplan´s last blog ..Is Your Marketing Missing Its Target?

Reply

Igor Kheifets-IgorHelpsYouSucceed November 5, 2009 at 10:35 am

I’ve just started using thesis and it’s an awesome theme, but
tweaking the design seems close to impossible for me…

Even with the great tutorials you guys provide here, I am clueless about
where to start…

Thanks nevertheless

Igor
Igor Kheifets-IgorHelpsYouSucceed´s last blog ..Subliminal Affirmations Software-Turn Your Dreams and Goals Into Reality With Only 10 Minutes a Day!

Reply

Alex November 5, 2009 at 6:53 pm

Igor, it was hard for me at first but if you just experiment for a while then you will figure it out.
Alex´s last blog ..8 Funny Things I Learned From Designing That I Apply to Life

Reply

Gabe | freebloghelp.com November 5, 2009 at 10:41 am

Great topic. Adding a features area has been an burning issue for me and I know I need to get around to it. Maybe today is the day!
Gabe | freebloghelp.com´s last blog ..Brand identity, part III – Building your brand identity long-term

Reply

Alex November 5, 2009 at 6:55 pm

This is definitely a feature you would want to add Gabe!
Alex´s last blog ..8 Funny Things I Learned From Designing That I Apply to Life

Reply

Brandon Cox November 5, 2009 at 11:45 am

Good suggestion, but one thing to note. If you create a category, you’ll always need to deal with that category in any category navigation you have. I use a tag instead. On my personal blog, I use the tag “my favs” which makes them accessible via a php call like yours above, but also via a link to the tag’s archive. Just a slight variation if you’re protective over how you use categories.
Brandon Cox´s last blog ..Great Online Hangouts for Bloggers

Reply

Alex November 5, 2009 at 6:55 pm

I never even thought to use a tag Brandon, awesome suggestion there!

I honestly might have to rethink the process I have going on here now because of that. Thanks man. ;)
Alex´s last blog ..8 Funny Things I Learned From Designing That I Apply to Life

Reply

Eren Mckay November 5, 2009 at 12:25 pm

I certainly need to set aside some time to go back and see which of my posts can be linked to other posts. The other things I have definitely been slacking off on is that I haven’t done a sitemap for my blog. I was using a plugin for that but it was giving me some issues. Now I need to find out the best way to do this without it giving me trouble.
Thanks so much for the step by step on how to do this.
all the best,
Eren
Eren Mckay´s last blog ..How to cure severe anxiety & get rid of it

Reply

Alex November 5, 2009 at 7:00 pm

I made a sitemap a long time ago and I forgot about it…I think I need to check on it and see if it even exists anymore! Thanks for bringing that up!
Alex´s last blog ..8 Funny Things I Learned From Designing That I Apply to Life

Reply

Mr. I November 5, 2009 at 1:54 pm

I was thinking about such a widget and you just posted a tutorial about it! Awesome! I will try it out.
Mr. I´s last blog ..Tutorial: Install WordPress In Fewer Than 5 Minutes

Reply

Alex November 5, 2009 at 7:03 pm

Well, the plugin used is a widget so in a sense – yeah, that’s all it is. ;)
Alex´s last blog ..8 Funny Things I Learned From Designing That I Apply to Life

Reply

Ronblogger November 5, 2009 at 3:01 pm

Having a “Favorite Posts” section on your site can really help boosts traffic to your old posts, and by having a step by step guide you put in here i know it will really help a lot to those who want to put “Favorite “posts” on their own site

Reply

Alex November 5, 2009 at 7:04 pm

As we have found out first hand here, your statement is dead on!
Alex´s last blog ..8 Funny Things I Learned From Designing That I Apply to Life

Reply

Extreme John November 5, 2009 at 4:38 pm

I really am thrilled that I found your blog, I recently installed the Thesis theme and have been doing all kinds of different things to it. You do one of the best jobs of combining customization with look and results, retweeted.
Extreme John´s last blog ..Facebook is No Longer Sacred

Reply

David | ilcantone.com November 5, 2009 at 5:12 pm

I love this site design, it’s just amazing. So, every design tip from you is really valuable.

Thanks for sharing this.
David | ilcantone.com´s last blog ..ENTREPRENEURIAL CHALLENGE: How to Turn $5 Into $650 in 2 Hours

Reply

Alex November 5, 2009 at 7:07 pm

John & David – Thanks a lot guys, I am really happy you like our stuff. :)
Alex´s last blog ..8 Funny Things I Learned From Designing That I Apply to Life

Reply

Dana @ Online Knowledge November 5, 2009 at 7:19 pm

So, that’s how you do it. :D

I think we can also use categories RSS feed for it but yeah, the plugin will give the better view.
Dana @ Online Knowledge´s last blog ..Atahualpa 3.4.4 Configuration

Reply

Dennis Edell November 6, 2009 at 3:25 pm

Speaking as a tutorial hater by trade, good job man. ;)
Dennis Edell´s last blog ..Mistakes To Avoid While Designing Your Landing Page – Guest Post

Reply

Kate @ Black chandeliers November 7, 2009 at 7:25 pm

I have been looking for a way to do this on one of my old home decorating sites. Thanks a lot for the walk through. You’ve been a tremendous help.
Kate @ Black chandeliers´s last undefined ..If you register your site for free at

Reply

How To Jake November 8, 2009 at 10:24 am

Nice tutorial on the subject. I like the fact that it includes a snippet of the old blog posts rather than just links. Helps to draw the eyes over to that column.
How To Jake´s last blog ..How To Find a Temp Job

Reply

water dispenser November 10, 2009 at 2:04 am

every design tip from you is really valuable.

Thanks for sharing this.

Reply

Sba December 11, 2009 at 10:09 am

Excellent tutorial. I have a similar thing on my blog, but I did it manually using widgets. Thanks for showing us how to automate it.
Sba´s last blog ..Phone.com Review-Get a 1800 Number

Reply

Nezine December 22, 2009 at 12:57 pm

Thanks Alex, really liked this.

I needed something like this! Very helpful.

Reply

Alex Monroe March 1, 2010 at 10:59 pm

Thanks Alex. I just found this via your post about headline writing techniques. Absolutely love learning on blogussion
Alex Monroe´s last blog ..The Entrepreneur All Star Football Team

Reply

Giovanni Cappellotto April 28, 2010 at 10:07 am

Hello,
I followed your instructions to create the “Favorite Posts” section, but the visualization is different whether I open the page with Google Chrome (2 columns) or with Firefox (1 column). Any suggestion?
Giovanni Cappellotto´s last blog ..Creativity Day, 18 maggio a Milano: Get in the Ring

Reply

Leave a Comment

CommentLuv Enabled

8 trackbacks