谷歌免费Blogger博客添加创建联系我们页面，用css隐藏代码来实现联系人小工具隐藏

 大家都知道不管是个人博客，还是个人网站都有一个联系我们分页面。它可以帮助用户联系博客或者网站的管理人员。今天我将教大家在谷歌免费Blogger 博客中建立联系我们页面。这篇文章将一步一步教你在Blogger 中将联系我们页面html添加到页面中。很简单的，纯新手小白教程。

在谷歌Blogger 博客中添加联系页面：

你不需要技术，因为他非常简单。只要按照下面的方法即可。

1：打开Blogger谷歌的控制页面，然后选择布局

2：然后点击添加小工具，我们添加联系人表单

注意：你添加的Blogger联系人表单，要勾选显示微件按钮，如果不勾选联系人将不起作用

3：在博客中隐藏联系人控件

用css隐藏代码来实现联系人控件控件，你只需要按照下面的方法一步一隐藏联系人小工具。

我们来到：控制面板，点击主题背景，再点击修改html

搜索代码]]></b:skin>

在搜索 ]]></b:skin>代码上方添加css代码

div#ContactForm1{display: none !important;}

然后我们点击保存按钮即可。

导航到页面部分

我们点击控制面板的页面

创建一个联系人页面

 粘贴​​联系人页面 HTML 代码并发布页面。

<style>

.page-contact-form input,.page-contact-form textarea {width: 100%;max-width: 100%;margin-bottom: 10px;}

.page-contact-form input.contact-form-button.contact-form-button-submit {padding: 10px;background: #ea6337; color: #fff;border: none;}

.page-contact-form input.contact-form-button.contact-form-button-submit:hover {background: #d85b32;color: #fff;}

</style>

<div class="contact-form-widget page-contact-form">

<div class="form">

<form name="contact-form">

Name:<br />

<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />

E-mail: <span id="required">*</span><br />

<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />

Message: <span id="required">*</span><br />

<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>

<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Submit" />

<br/>

<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">

</div>

<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">

</div>

</form>

</div>

</div>

到此联系人页面添加完成

以上所有步骤就是添加Blogger博客联系页面方法。