Southern Listeners

Saturday, February 5, 2011

Dedicated Blogger Followers Page

So you have lots of followers to show to your visitors. And the sidebar is too small to display them all. You'd put it at the top of the blog, but it looks awkward. You'd put it in a dedicated page, but you're afraid the gadget will be hidden there. So what do you do?

Have one followers gadget in your sidebar, and one in a dedicated page! Live demo here!

Step 1:

If you don't already have a Followers gadget, go add one.

If you're using the old Blogger interface:Go to Dashboard - Design - Page Elements - Add a Gadget - Followers.
If you're using the new Blogger interface:Go to Dashboard - Layout - Add a Gadget - Followers.

Step 2:

Let's create a dedicated page for your gadget.

If you're using the old Blogger interface:Go to Dashboard - Edit Posts - Edit Pages - New Page

If you're using the new Blogger interface:Go to Dashboard - Pages - New Page - Blank Page

Name it accordingly and publish page. Leave the content of the page blank.

Once you've published the page, click on 'View Page' and get the address (URL) of the page.

<a href="http://www.southernspeakers.net/p/followers.html">Click here to check out full list of Followers.</a>

Change the address in the code above to the address that you have gotten from Step 2.

Step 7:

If you're using the old Blogger interface:Go to Dashboard - Design - Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

If you're using the new Blogger interface:Go to Dashboard ('House' symbol) - Template - Customize - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

And that will be all. It is recommended to have either a Pages gadget or a Linklist gadget installed in your blog so that your dedicated Followers page can be accessed easily from your homepage. Have fun!

10 comments:

Hi,Please help!! Im not able to view the followers list on my blog. I have tried adding the gadget, Google friend connect and your page method above. Nothing works :( I have another question: For the step concerning advance CSS I already have the label code in place that you had shown in one of your tutorials. Do I paste the above given code below it?

@Shikha: Looks like your follower's gadget is broken. Try this - Go to Dashboard - Design - Edit HTML - Download Full Template (for backup purposes) - then click on 'Revert Widget Templates to Default'. It might reverse some HTML tweaks in your blog, but just give it a try to see if that's the problem.

As for the CSS code, yeap, just place above or below it, doesn't matter. As long as you don't paste inside your existing CSS code. Just paste your new CSS code below one line after your existing CSS code.