Küçük bir kod yardımı

Kişisel Pörtfoy/cv temam kurulmuş mevcut her şeyi tam takır çalışıyor fakat site de iletişim butonu mevcut tıklayınca altta ki gibi mesaj bölümü açılıyor yazıp gönder dedikten sonra herhangi bir mesaj gönderimi olmuyor site blogger tabanlı www.mertzafer.com

Kod aşağıda ki gibi mesajları alabilmek için bir değişiklik mi yapmam gerekiyor ? yardımcı olabilecek var mı bu konuyla alakalı acaba.

  <div class='profile-card-ctr'>
<button class='profile-card__button button--blue js-message-btn'><i class='far fa-envelope'/> İletişim</button>
<a href='https://www.mertzafer.com' target='_blank'><button class='profile-card__button button--orange'><i class='fas fa-rss'/> İnternet Sitem</button></a>
</div>
</div>

<div class='profile-card-message js-message'>
<form class='profile-card-form'>
<div class='profile-card-form__container'>
<textarea placeholder='Buraya mesajınızı yazın ...'/>
</div>

<div class='profile-card-form__bottom'>
<button class='profile-card__button button--blue js-message-close'>
Gönder
</button>

<button class='profile-card__button button--gray js-message-close'>
İptal
</button>
</div>
</form>

<div class='profile-card__overlay js-message-close'/>
    </div>

Hocam bildiğim kadarıyla mail hizmeti almanız lazım. Api key mevzuları falan var. @StabilBey; hocam yardımcı olabilir.
Bu arada script ücretsiz ise bana da atabilir misiniz

JS tarafınıda atabilirmisiniz?

Geri dönüş alabilmen için formu bir yere post ettirmen gerekir. Bloggerda da böyle bir şey mümkün değil zannedersem yorumlar hariç. En son ben kullanırken öyleydi yani 8-9 yıl önce.
Edit: Mail ile göndertebilirsin kendine.
https://www.w3schools.com/html/tryit...html_form_mail

yapı burada anlatıldığı gibi.

Ücretsiz hocam bir tane hintli adamın böyle bir çok teması mevcut arkadaşım oradan alıp kurmuş benim için domaini de o aldı bende bugün düzenlemesini yapıyordum bu sorunla karşılaştım. Arkadaşa söyledim daha güzeli var onu kurucam dedi bakalım ona en güzel yanı blogger olması host saldırı vs sorun olmuyor hiç. Arkadaştan alır size de atarım hocam.

Burası sanırım hocam.

 <b:section class='widget' id='widget' maxwidgets='1' showaddelement='yes'>
<b:widget id='ContactForm1' locked='false' title='İletişim Formu' type='ContactForm'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='contact-form-widget'>
<div class='form'>
<form name='contact-form'>
<p/>
<data:contactFormNameMsg/>
<br/>
<input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
<p/>
<data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
<br/>
<input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
<p/>
<data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
<br/>
<textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>
<p/>
<input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>
<p/>
<div style='text-align: center; max-width: 222px; width: 100%'>
<p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
<p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
</div>
</form>
</div>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</body>
<script type='text/javascript'>
//<![CDATA[
//
var myObj={Administrator:"tinhgetter",Powered:"Blogger"};console.log(myObj);console.log("%cF12 Mert Zafer :)) Ahihi","font: 600 50px Roboto;color:red",);
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
// By tinhgetter
var messageBox = document.querySelector('.js-message');
var btn = document.querySelector('.js-message-btn');
var card = document.querySelector('.js-profile-card');
var closeBtn = document.querySelectorAll('.js-message-close');

btn.addEventListener('click',function (e) {
e.preventDefault();
card.classList.add('active');
});

closeBtn.forEach(function (element, index) {
console.log(element);
element.addEventListener('click',function (e) {
e.preventDefault();
card.classList.remove('active');
});
});//]]>
</script>
</html>

Hocam sitede neden internet sitem diye buton var? Aynı yere yönlendiriyor

Düzenlemesi daha bitmedi sitenin hocam arkadaş kurduğu için oraları anlık öyle hızlıca yapmış düzenlemesini ben yapacağım eğer bu iletişim sorununu çözebilirsem.