Comments Wall Gadget for Sidebar. ~ The Blog Doctor.
Loading...

Comments Wall Gadget for Sidebar.

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


Comments in Blogger are made under and on posts. The Main Page has a Comments link under each post for the viewer to click and post his/her comments. There is no facility to put in a general comment on anything under the sun!


The Friend Connect Gadget provided a Comment Wall which you could put in the sidebar for inviting general comments. The Followers gadget is being upgraded to the Friend Connect gadget and hence it is now not possible to add the latter gadget in the usual manner. If you have Custom Domains then only you can add the Friend Connect gadget in the usual manner.


Here is a workaround to add the Comments Wall in the sidebar to a blogspot.com blog......................

1. Install Followers Gadget


If you do not have a Followers gadget in the blog the first step is to install it in the usual manner for adding gadgets to the blog. Login at Blogger.com and click Layout lik for your blog on Dashboard. On Page Elements subtab click Add Gadget link and in popup window click on Followers gadget. New blogs have this gadget by default.



2. Get Site Number for Blog.


The next step is to get the site number for your blog. To get it Login at Blogger.com and click on View Blog link on Dashboard for blog. Blog will open in browser. Go to View---->Page Source from browser menu. In Page Source do a Ctrl+F (Edit--->Find) for 'site' in the Followers gadget. It will appear like this :

......
......
google.friendconnect.container.renderMembersGadget(
{ id: "div-1238464215135",
site: "BIG_NUMBER" },
skin);
</script>

Copy down the 'BIG_NUMBER' in the page source.



COMMENTS WALL CODE


In this step copy the code for the comment wall gadget given below :

<!-- Include the Google Friend Connect javascript library. -->
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-comment-wall" style="width:210px;border:1px solid #cccccc;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['BORDER_COLOR'] = '#cccccc';
skin['ENDCAP_BG_COLOR'] = '#e0ecff';
skin['ENDCAP_TEXT_COLOR'] = '#333333';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = '#ffffff';
skin['CONTENT_BG_COLOR'] = '#ffffff';
skin['CONTENT_LINK_COLOR'] = '#0000cc';
skin['CONTENT_TEXT_COLOR'] = '#333333';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
skin['CONTENT_HEADLINE_COLOR'] = '#333333';
skin['DEFAULT_COMMENT_TEXT'] = '- add your comment here -';
skin['HEADER_TEXT'] = 'Comments';
skin['POSTS_PER_PAGE'] = '5';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderWallGadget(
{ id: 'div-comment-wall',
site: 'BIG_NUMBER',
'view-params':{"disableMinMax":"true","scope":"SITE","allowAnonymousPost":"true","features":"video,comment","startMaximized":"true"}
},
skin);
</script>


Put the site number from step 2 instead of 'BIG_NUMBER' in the code above. To customize it further change :

div id="div-comment-wall" style="width:210px;border:1px solid #cccccc;"></div>

width(210) in above code and border size(1px) and border color(cccccc). Change the colors by changing the hex numbers at the end of these lines :

skin['BORDER_COLOR'] = '#cccccc';
skin['ENDCAP_BG_COLOR'] = '#e0ecff';
skin['ENDCAP_TEXT_COLOR'] = '#333333';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = '#ffffff';
skin['CONTENT_BG_COLOR'] = '#ffffff';
skin['CONTENT_LINK_COLOR'] = '#0000cc';
skin['CONTENT_TEXT_COLOR'] = '#333333';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
skin['CONTENT_HEADLINE_COLOR'] = '#333333';

You can get hex color numbers here.

To change number of comments shown change '5' (any number from 1 to 15) in this line :

skin['POSTS_PER_PAGE'] = '5';


To prevent spam delete :

"allowAnonymousPost":"true",




Paste Code in HTML Gadget


Lastly copy the modified code and paste in a HTML gadget in sidebar. Login at Blogger.com and click Layout lik for your blog on Dashboard. On Page Elements subtab click Add Gadget link and in popup window click on HTML/Javascript gadget. In contents window paste the modified code and save. Here is what it looks like :



18 comments:

aan said...

i think i should try this...thanks.

Нез said...

Big thanks, it works! =)

Nurcreation said...

sir how to delete the comments?

Vin said...

Nurcreation,

First sign in to the gadget. Then click Trash can icon next to your comment to delete it.

Highton-Ridley said...

Hi Vin, useful summary. I've just set up an own domain, (hintsntips.info) hosted by blogger. I've been using gfc for some time on my website (www.highton-ridley.co.uk and am familiar with the canvas file).

On my hintsntips blog, the follower gadget successfully opens on a canvas page but the wall gadget doesn't.

Any thoughts?
Cheers,
Mark

Portal Inglés said...

Thanks to The Blog Doctor to show me this workaround to add the Followers Comments in the sidebar of my http://portalingles.blogspot.com because I can't put Get Answers gadget to my blog with Google Friend Connect.

Vin said...

Highton-Ridley,

If you want to use same GFC gadgets for blog and site login to your Google Friend Connect. and go to Site Settings---> Advanced tab and add your domain name for your blog in 'Alternate Addresses' box and save.

Then just get the code for any gadget and paste in HTML gadgets in your blog.

If you want separate Members for your blog then login to your Google Friend Connect. click on "Set up a New Site" and put in your blog domain name (NOT BLOGSPOT.COM ADDRESS)

LoLLY JeaN said...

Hi

How can I log in? Please, teach me!

Vin said...

LoLLY JeaN,

Where do you want to login?

LoLLY JeaN said...

I didn't know how to log in to delete some comments. Even if I log in in google, it doesn't work. Any ideas?

Btw, does it matter if I am using the typoork by woork?

Vin said...

LoLLY JeaN,

Use Firefox browser. Enable Javascript in browser settings. Then login at Blogger.com and click the Remember Me checkbox on login page.


Open the post with the comment in another tab of Firefox browser and click Trash Can icon below the comment.

LoLLY JeaN said...

thanks for the tip

but the comment i was referring to was the wall gadget from GFC. seems that I have a problem deleting some of it from the wall.

thanks

Vin said...

LoLLY JeaN,

That facility is not available in this mode. Instead for 10$ get a Custom Domain name for your blog and you will be able to add Google Friend Connect to blog like I have done on this blog.


Then you can add all the gadgets available at Google Friend Connect and more are being released. Check out my comments gadget in the third column at the top.

Penney Ha said...

mine doesn't seem to work for some reason it doesn't show the window for the comment wall please check my blog and get back to me
penn-e.blogspot.com

Vin said...

Penney Ha,

Check this part of your code :

id: 'div-comment-wall',
site: div-1238464215135,

It should be :

id: 'div-comment-wall',
site: 'BIG_NUMBER',

Replace BIG_NUMBER with the site number obtained from the Page Source of the Followers Gadget as shown in first part of above post.

It is all numbers. There is no 'div-' in it.

Anonymous said...

How do you create a blog with that gadget, like on anycanpost.blogspot.com, please? Thanks in advance.

Gadget Reviews said...

The gadgets are essestial for day to day life in modern era.

anay said...

You made some good points there. I did a search on the topic and found that most people will agree with you.


Carl Balog

CLICK TO LEAVE A COMMENT..... :-)



Skip to top of post.

Search Blog Before Commenting

Loading...

Post a Comment

Please use the above search box to search this blog before posting your valuable comments.

Comments posted on Dummies Guide to Google Blogger (Beta) are moderated and will be approved only if they are on-topic and not abusive. Try not to include website URLs/links in your comments. You can email me : drbhatns at gmail dot com for any blogging question. Thanks,

Vin.

The Blog Doctor The Blog Doctor2 Blog Doctor Home

SUGGESTED READING

Tips On Blogger and Latest News.



Skip to top of post.