Blog Members

New Visitor? Like what you read? Then please subscribe to my Blog Feed or sign up for Free Email Updates. Thanks for Visiting!

Here is how to show off your blog members. These are members of your blog community who have joined your blog through Google Friend Connect. Put all your members on a special page in your blog...........

Blogger does not have any method for creating pages (at present). You can workaround this by creating a post. In Blogger (Layout Templates) each post is published on a separate page. So login at Blogger.com and click New Post button under blog title on Dashboard. The Post Editor will open. Give a title and put in some message to your blog members.
To ensure that the post will not appear on Main Page of blog click the Post Options link in bottom frame of Post Editor. Change the date here to any date BEFORE the date of the last post on your Main Page. Publish Post.

First step is to sign up at Google Friend Connect. Then get the code for the Members Gadget. It will look something like this :

In above code change :
style="width:282px;
to 282px to 100% and also change the hex colors :
skin['BORDER_COLOR'] = '#cccccc';
skin['ENDCAP_BG_COLOR'] = '#e0ecff';
skin['ENDCAP_TEXT_COLOR'] = '#333333';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = '#ffffff';
to match your site design. Change the height of the gadget by modifying '385' in :
skin['HEIGHT'] = '385';
Then save the gadget.

We do not want the gadget to appear on every page. We want it to appear only on the 'Blog Members' page. For this we use the power of conditional tags. The first step is to get the permalink of the Blog Members post published in Step 1 above. Look in the Blog Archives gadget as the post was backdated. Click the post link to open the post page. Copy the link from the address bar. It looks like this in my example :
http://www.blogdoctor.me/2007/03/blog-members.html
Then we have to modify the widget code. Login at Blogge.com and click Layouts link on dashboard. Then click Edit Html subtab of Layout tab. Click on Expand Widgets Template checkbox at top of Template Code box. Wait for page to refresh. Scroll down to the code for the Blog Members gadget. It will look like something this :
Put in the two lines in bold as shown above. In the first line :

Put the permalink of your Blog Members post obtained in Step 1. Do not forget to put in the second line :
in exactly same place in the widget code. Save Template. As you can see the Members gadget showing all the present members appears only on this post.

View the original article here