如何在Blogger中以联系人形式配置电子邮件？

问题描述

我已经为Blogger中的网站创建了自定义联系表单。当有人填写他们的信息时，点击提交，我希望它向与博客帐户关联的人发送电子邮件。我不确定如何使此步骤在Blogger中发生，因为我无法访问.php文件的服务器。

如果有人可以帮助我，我将非常感激！

.question-button {
  color: #000;
  font-family: "Rubik";
  font-size: 17px;
  background-color: #fff;
  border-radius: 20px;
  letter-spacing: 0.8px;
  line-height: 1.4;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 2px 2px 3px #999;
  border: 1px solid #000;
  padding: 5px 2.5%;
  padding-left: 15px;
  position: fixed;
  bottom: 20px;
  right: 50px;
  cursor: pointer;
}
.question-button em{
  font-size: 13px;
  letter-spacing: 0.8px;
}

.float{
  position:fixed;
  width:70px;
  height:70px;
  bottom:12px;
  right:7px;
  background-color:#41c230;
  color:#FFF;
  border-radius:50px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
  border: 2px solid #000;
}
.my-float{
  margin-top:18px;
}

.modal {
  display: none; 
  position: fixed; 
  padding-top: 15%;
  padding-left: 68%;
  z-index: 22;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; 
  overflow: auto; 
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

.message-box {
  position: relative;
  border-radius: 20px;
  background-color: #000;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 7px;
  padding-bottom: 18px;
  max-width:400px;
  cursor: move;
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Animation */
@-webkit-keyframes animatetop {
  from {bottom:-300px; opacity:0} 
  to {bottom:0; opacity:1}
}

@keyframes animatetop {
  from {bottom:-300px; opacity:0}
  to {bottom:0; opacity:1}
}

input[type=text],select,textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 13px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

input[type=submit] {
  background-color: #41c230;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 13px;
  cursor: pointer;
  float: right;
}

input[type=submit]:hover {
  background-color: #45a049;
}

<div class='question-button' id='question-button'>
<span>QUESTIONS?</span><br/><em>Send a message</em>
<a class='float'>
<i class='fa fa-comments my-float fa-2x'> </i> 
</a>
</div>

<!-- The Modal -->
<div class='modal' id='mymodal'>

  <!-- Modal content -->
  <script src='https://code.jquery.com/jquery-1.12.4.js'/>
<script src='https://code.jquery.com/ui/1.12.1/jquery-ui.js'/>
<script>
  $( function() {
    $( &quot;#draggable&quot; ).draggable();
  } );
</script>

<div class='message-box' id='draggable' method='post' name='contact_form'> 

<span class='close'>X</span>

  <form>
    <input id='name' name='firstname' placeholder='Your name..' type='text'/>

    <input id='email' name='email' placeholder='Your email..' type='text'/>

    <textarea id='subject' name='subject' placeholder='Write your message here and click Submit' style='height:200px'/>

<img alt='Logo' src='' style='width:100%;max-width:150px'/>
<input type='submit' value='Submit'/>
  </form>
</div>
</div>

<script>
var modal = document.getElementById(&quot;mymodal&quot;);
var btn = document.getElementById(&quot;question-button&quot;);
var span = document.getElementsByClassName(&quot;close&quot;)[0]; 
btn.onclick = function() {
  modal.style.display = &quot;block&quot;;
}
span.onclick = function() {
  modal.style.display = &quot;none&quot;;
}
</script>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）