精品博客

Posted: 08 May 2010 07:56 AM PDT

精品博客现在没有使用联系表单（Contact form) ，因为它很少被使用，就算有人通过联系表单联系我，也只不过是问可不可以交换链接，而精博早已不再交换友情链接。

但 FreeNuts 这个英文博客是有用联系表单的，因为时不时有人会通过它给我发邮件，推荐一些他们的产品或者服务。那个联系表单之前是通过 Contact Form 7 这个插件实现的，后来为了提升网页的加载速度，我停止使用该插件，并通过 Google Docs 制作了一个新的联系表单，以下是具体的操作步骤：

步骤一、新建表单

在 Google Docs 的"新建"菜单选择"表单"，然后你会看到一个类似如下的页面：

google docs

步骤二、设置表单

你可以通过填写以下 6 项内容完成表单的设置：

1. 标题

在"无标题表单"处填写你的联系表单名称（例如"联系我们"），如果不填，那么"无标题表单"就会成为联系表单的名称。

2. 标题说明

可以添加一些有助于别人填写表单的信息，也可以留空。

3. 问题标题

博客常见的联系表单问题包括"姓名"、"邮箱"、"网站"和"信息"这四项。

4. 帮助文本

可以留空，也可以填一些提示信息，例如在邮箱问题下面注明"永远不会被公开"等字样。

5. 问题类型

Google Docs 表单支持的问题类型包括：文本、段落文本、多项选择、复选框、从列表中选择、比例以及网格等 7 项，其中"姓名"、"邮箱"和"网站"一般选择"文本"，而"信息"一般选择"段落文本"。

6. 将其设置为必要问题

如果你要求别人一定要填写某些信息（例如姓名和邮箱）之后才能提交表单，那么就在此项前面打勾。

另外，表单每个问题的右边有三个符号，它们代表的功能从左到右分别是"编辑"、"复制"和"删除"，如果要添加新的问题，你可以通过"添加项目"菜单也可以使用"复制"功能。每个问题的位置都是可以上下移动的。

步骤三、编辑确认

google docs

在表单顶部工具栏的"更多操作"菜单上有两个选项，一个是"嵌入"，可以获取把表单插入到博客的代码；另外一个是"编辑确认"，可以设置当用户成功提交表单之后显示的信息。

步骤四、选择主题

google docs

表单的内容设置完之后，你可以选择一个主题，目前 Google Docs 有 71 个主题可供选择。

步骤五、嵌入表单

表单设置完之后，你可以点击页面底部的链接预览一下效果，如果满意就可以在"更多操作"菜单上点击"嵌入"，然后获取类似如下的代码：

<iframe src="http://spreadsheets.google.com/embeddedform?formkey=dGNfR0c4R2xKcnNMQi1fSmNDU3dHQUE6MQ" width="760" height="641" frameborder="0" marginheight="0" marginwidth="0">正在载入…</iframe>

你可以把联系表单的代码粘贴到博客的任何地方（通常是"联系"页面），不过要注意的是，Google Docs 表单默认的宽度是 "760"，高度是 "641"，你需要根据自己博客的页面大小进行修改。具体效果可以参考 FreeNuts 博客上的联系表单。