Comments Wall Gadget for Sidebar.
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 :
Like this article? Subscribe to the RSS feed!
An update on Google+ and Blogger
-
Following the announcement of Google+ API deprecation scheduled for March
2019, a number of changes will be made to Blogger’s Google+ integration on
4 Febr...
18 comments:
i think i should try this...thanks.
Big thanks, it works! =)
sir how to delete the comments?
Nurcreation,
First sign in to the gadget. Then click Trash can icon next to your comment to delete it.
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
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.
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)
Hi
How can I log in? Please, teach me!
LoLLY JeaN,
Where do you want to login?
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?
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.
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
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.
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
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.
How do you create a blog with that gadget, like on anycanpost.blogspot.com, please? Thanks in advance.
The gadgets are essestial for day to day life in modern era.
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.
Who is talking about the above post?