^_^

2008年12月5日星期五

如何让Blogger加入Google Friend Connect

都是Google自家的产品,这次果然没有让我们失望。

收到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中了。
上面的过程是加入“Members gadget”,这类似于一个成员的管理。同样的办法,我们还可以加入“Sign In gadget”、“Wall gadget”、“Review/Rate gadget”。
  • “Sign In gadget”- 类似于Blogger顶部的登录条。
  • “Wall gadget”- 类似于留言簿的功能,可以参考我的blogger的左侧side bar中的“访客留言”。
  • “Review/Rate gadget”- 和“Wall gadget”类似,只是多了一个评级的功能。
当然你有足够的能力,也能写出自己的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”来确认你的删除动作。
本站文章除注明外,均为本站原创
转载请注明文章转载自: 大笨熊乐园 [ https://blog.foolbear.com/?m=0 ]
文章标题: 如何让Blogger加入Google Friend Connect
文章地址: https://blog.foolbear.com/2008/12/bloggergoogle-friend-connect.html?m=0

30 条评论 :

Yorck 说...

好东西,学习了

大笨熊 说...

很高兴对大家有用,^_^!

大笨熊 说...

发现一个问题,Google Friend Connect可以不断的加入新的网站,但居然不能删除,晕!

test1990 说...

谢谢熊熊的介绍,但是有个不明白的,我想问一下,你左侧边栏gadget的大小是如何控制的?我的blog加入了gadget后,宽度没法随浏览器的拉伸而自适应,这样之后产生的版面很不协调,发现你的访客联系和好友留言都没存在这个缺陷,请指教哦:-D

大笨熊 说...

是这样的,gadget的宽度是在生成代码的页面中确定的,我的blogger的模板左侧side bar的宽度也是固定的,可以查到是220px,所以我就设定gadget的宽度是220px,这样就能很好的显示。
你的问题,我估计是你使用了一个可变宽度的模板,换一个固定宽度的就应该能解决问题了。

test1990 说...

明白了:-D我再想想有没有其他方法解决,谢谢!

大笨熊 说...

我去参观了你的blogger,和我是同一个主题Minima,只是我用的是standard的版本,然后手工加宽了文章区域;而你是用的Minima Stretch版本,自然会Stretch,哈哈!
手工加宽了文章区域的方法参见我的文章《调整Blogger主页宽度的简要步骤》。

test1990 说...

哈哈,谢谢!用了一个更简单的办法搞定了,直接把width值设为100% ^o^

大笨熊 说...

That's great,^_^!

大笨熊 说...

“海芋小站”的文章《Google Friend Connect 申請、設定與放置於網頁之實戰手札》有更为详细的图解国策和过程。

墨尘 说...

不知道在GOOGLE SITES能不能加入Google Friend Connect ?

大笨熊 说...

GOOGLE SITES我不太熟悉。
我简单的试了一下,好像sites没有办法加入Java Script code,也不能上传那两个档案。
估计是不行了。

Frank 说...

我也加了,觉得还不错哈

大仙 说...

学习了,不错

Leon 说...

很好很强大!

hansen 说...

谢谢 了

大笨熊 说...

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?
妖异!

会飞的鱼 说...

不清楚

Ray 说...

其实就是一路点continue,然后复制那个代码到自定义HTML里面就OK啦。哈哈

大笨熊 说...

You are right!

Wheat0r hOu 说...

有用,谢谢

Jian.Y 说...

谢谢你

Jian.Y 说...

请教您一个问题。你的每篇博文后都有评价选项。这是怎么坐到的呢?我的邮箱是: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组件了,当然我们还可以山寨、迂回的方式搞定它

发表评论

Related Posts with Thumbnails