收到Google Friend Connect邀请后,我立刻试用,看到需要上传两个文件,我还以为Blogger不能添加这个功能呢。后来瓦特比在我的文章后留言,说是这两个文件会自动上传的。我一试,果然如此,只要直接continue就好了。
我已经在我的Blogger《大笨熊乐园》添加了Google Friend Connect,即位于左边side bar上的“好友联系”,有兴趣的朋友可以点击“Join this site”按钮来加入它。
这里简要的介绍一下让Blogger加入Google Friend Connect的过程:
- 收到Google Friend Connect的邀请后,点击mail中的link,或者直接进入http://www.google.com/friendconnect/。
- 点击“Set up a new site”按钮进入。
- 在“Overview”界面里,直接点击“Continue”。
- 填入“Site name”、“Home URL”,“Home URL”就是你的Bogger地址,如http://foolbear.blogspot.com/。
- 在“Add the following files to your site”中,会要求你上传“http://foolbear.blogspot.com/rpc_relay.html”和“http://foolbear.blogspot.com/canvas.html”这两个文件,这对一般的站点是必须的,但是对于Blogger,可以略过,直接点击“Continue”。
- 在“Test your setup”中,直接点击“Test to finalize setup”即可。
- 在“Add a Members gadget to your site”中,点击进入“Get code for the Members gadget”。
- 在“Set up the Members gadget”中调整各个参数后,点击“Generate code”按钮,copy这段代码。
- 打开Blogger的控制台,进入“布局-页面元素”。
- 在需要的位置点击“添加小工具”,从“基本”中添加“HTML/JavaScript”。
- 配置“HTML/JavaScript”的窗体中,加入一个标题,然后再内容中粘贴上刚才在Google Friend Connect上拷贝的那段代码。
- 保存这次页面元素的修改即可,Google Friend Connect就已经添加到你的Blogger中了。
- “Sign In gadget”- 类似于Blogger顶部的登录条。
- “Wall gadget”- 类似于留言簿的功能,可以参考我的blogger的左侧side bar中的“访客留言”。
- “Review/Rate gadget”- 和“Wall gadget”类似,只是多了一个评级的功能。
同时我发现Google Friend Connect有几个问题:
- 访客通过“Wall gadget”和“Review/Rate gadget”发表的言论可以设定需要网站主人审核,但是只能在Google Friend Connect中的“Moderate posts”里审核,更合理的方式是应该email给网站主人。
- Google Friend Connect可以不断的加入新的网站,但居然不能删除,删除的地方倒是很难找到,位于“Site settings - Alternatively, you can delete Friend Connect from this site”,会需要你键入“yes”来确认你的删除动作。
30 条评论 :
好东西,学习了
很高兴对大家有用,^_^!
发现一个问题,Google Friend Connect可以不断的加入新的网站,但居然不能删除,晕!
谢谢熊熊的介绍,但是有个不明白的,我想问一下,你左侧边栏gadget的大小是如何控制的?我的blog加入了gadget后,宽度没法随浏览器的拉伸而自适应,这样之后产生的版面很不协调,发现你的访客联系和好友留言都没存在这个缺陷,请指教哦:-D
是这样的,gadget的宽度是在生成代码的页面中确定的,我的blogger的模板左侧side bar的宽度也是固定的,可以查到是220px,所以我就设定gadget的宽度是220px,这样就能很好的显示。
你的问题,我估计是你使用了一个可变宽度的模板,换一个固定宽度的就应该能解决问题了。
明白了:-D我再想想有没有其他方法解决,谢谢!
我去参观了你的blogger,和我是同一个主题Minima,只是我用的是standard的版本,然后手工加宽了文章区域;而你是用的Minima Stretch版本,自然会Stretch,哈哈!
手工加宽了文章区域的方法参见我的文章《调整Blogger主页宽度的简要步骤》。
哈哈,谢谢!用了一个更简单的办法搞定了,直接把width值设为100% ^o^
That's great,^_^!
“海芋小站”的文章《Google Friend Connect 申請、設定與放置於網頁之實戰手札》有更为详细的图解国策和过程。
不知道在GOOGLE SITES能不能加入Google Friend Connect ?
GOOGLE SITES我不太熟悉。
我简单的试了一下,好像sites没有办法加入Java Script code,也不能上传那两个档案。
估计是不行了。
我也加了,觉得还不错哈
学习了,不错
很好很强大!
谢谢 了
welcome!
还是不行,到了这段我就进行不下去了,,怎么弄?We were unable to locate required files at the home URL:
* Confirm that http://zsuanlong.blogspot.com/ is the correct "Home URL" of your site. If not, go back.
* Confirm that rpc_relay.html is at your "Home URL": http://zsuanlong.blogspot.com/rpc_relay.html
* Confirm that canvas.html is at your "Home URL": http://zsuanlong.blogspot.com/canvas.html
Please correct the above issues.
复杂
感觉是你blogger没有这两个文件?why?
妖异!
不清楚
其实就是一路点continue,然后复制那个代码到自定义HTML里面就OK啦。哈哈
You are right!
有用,谢谢
谢谢你
请教您一个问题。你的每篇博文后都有评价选项。这是怎么坐到的呢?我的邮箱是:hiyijian@gmail.com.很期待你的指教。谢谢
你说的是“反应”?
进入blogger后台-布局-页面元素-博客帖子-修改,选择“反应”即可。
好友“花鳥風月”在访客留言中问道:“如何讓“登入”、“設置”之類顯示中文呢,我設置后顯示為英文……”,我还是在这里回复一下吧:
1. 登录进入http://www.google.com/friendconnect。
2. 选择“Site settings - Advanced”。
3. 填写适合的中文即可。
由于9299的提问,我试了一下最新的friendconnect,的确有更新。
“Set up a new site”上来就会让你选择“for standard web sites”或“for Blogger blogs”。对于我们Blogger,你一定会直接选择后者。可惜这只是一个help guide。
so,我们还是从“for standard web sites”继续。
Step one:填写网站名字、网站地址。
Step two:要我们上传文件。对于Blogger,直接跳过。
Step Three:测试,不能通过,提示上传文件。
通过测试发现,Google好像改变了策略。
对于Blogger不再提供FriendConnect网站传统的Social bar、Members gadgets和Social gadgets,只是通过help guide告诉我们大家加上Blogger的“跟踪者”(也属于FriendConnect的内容,但是不在Friendconnect网站维护)即可。
BTW,FriendConnect有增加For developers、Plugins的内容。
现在Blogger已经不让新增非跟踪者的Google Friend Connect组件了,当然我们还可以山寨、迂回的方式搞定它。
发表评论