Bu sitedeki her şey Sevgi ile kodlanmıştır.

Kategori Listesini Göster

Blogger İletişim Sayfası Oluşturma Nasıl Yapılır?


FacebookTwitterPinterestTumblrYazdır


Blogger İletişim Sayfası Oluşturma Nasıl Yapılır?Blogger'daki iletişim formunu, sabit bir sayfaya eklemeyi ve yalnızca ilgili sayfada görüntülemeyi arzu edebilirsiniz. Blogger iletişim sayfası oluşturmak ise elbette birtakım spesifik yollar ile mümkün kılınmıştır. Blogger sabit iletişim sayfası oluşturmak için ise, aşağıdaki adımları, yavaş yavaş, doğru bir şekilde uygulamanız yeterli olacaktır. Bu bağlamda, ilgili işlemleri sorunsuz gerçekleştirmeniz durumunda, kodlar da sorunsuz olarak görevini yerine getirecektir. Dilerseniz, hemen ilgili adımlara göz atıyor olacağız.

AYRICA: Blogger'da Manuel Devamını Oku için İbare Ekleyelim

Blogger İletişim Sayfası Oluşturma Nasıl Yapılır?

1) Örnek olarak, öncelikle "iletisim" kalıcı bağlantı adı ile bir sayfa oluşturuyoruz. İlgili sayfanın HTML metin alanına ise, aşağıdaki iletişim formu kodlarını ekleyelim.

<div class='widget ContactForm' data-version='2' id='ContactForm1'>
<div class='contact-form-widget'>
<div class='form'>
<form name='contact-form'>
<p>Ad</p>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<p>E-posta <span style='font-weight: bolder;'>*</span></p>
<input autocomplete='off' class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<p>Mesaj <span style='font-weight: bolder;'>*</span></p>
<textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
<p></p>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Gönder'/>
<p></p>
<div style='text-align: center; max-width: 222px; width: 100%'>
<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
</div>
</form>
</div>
</div>
</div>

2) Akabinde ise temanızda bulunan aşağıdaki kodu bulun.

</body>

3) Yukarıdaki kodun hemen öncesine aşağıdaki kodları ekleyiniz.

<b:if cond='data:blog.url == &quot;https://www.sitenizinadi.uzantisi/p/iletisim.html&quot;'>
<script src='https://www.blogger.com/static/v1/widgets/1893845785-widgets.js' type='text/javascript'/>
<script type='text/javascript'>
window[&#39;__wavt&#39;] = &#39;AOuZoY5emIsYNImgG5qZpYvFTH2fr7624w:1601036839175&#39;;_WidgetManager._Init(&#39;//www.blogger.com/rearrange?blogID\x3dBLOG-ID-NUMARANIZ&#39;,&#39;//www.sitenizinadi.uzantisi/p/iletisim.html&#39;,&#39;BLOG-ID-NUMARANIZ&#39;);
_WidgetManager._RegisterWidget(&#39;_ContactFormView&#39;, new _WidgetInfo(&#39;ContactForm1&#39;, &#39;sidebar-right-1&#39;, document.getElementById(&#39;ContactForm1&#39;), {&#39;contactFormMessageSendingMsg&#39;: &#39;Gönderiliyor...&#39;, &#39;contactFormMessageSentMsg&#39;: &#39;İletiniz gönderildi.&#39;, &#39;contactFormMessageNotSentMsg&#39;: &#39;İleti gönderilemedi. Daha sonra tekrar deneyin.&#39;, &#39;contactFormInvalidEmailMsg&#39;: &#39;Geçerli bir e-posta adresi gerekli.&#39;, &#39;contactFormEmptyMessageMsg&#39;: &#39;İleti alanı boş bırakılamaz.&#39;, &#39;title&#39;: &#39;&#39;, &#39;blogId&#39;: &#39;BLOG-ID-NUMARANIZ&#39;, &#39;contactFormNameMsg&#39;: &#39;Ad&#39;, &#39;contactFormEmailMsg&#39;: &#39;E-posta&#39;, &#39;contactFormMessageMsg&#39;: &#39;Mesaj&#39;, &#39;contactFormSendMsg&#39;: &#39;Gönder&#39;, &#39;submitUrl&#39;: &#39;https://www.blogger.com/contact-form.do&#39;}, &#39;displayModeFull&#39;));
</script>
</b:if>

Not: Yukarıdaki kodlarda yer alan kırmızı alanları, kendi blogunuza göre güncellemeyi unutmayınız. Blogunuzun ID numarasını ise, Blogger'a giriş yaptığınızda, adres satırında görebilirsiniz. Tüm işlemler bu kadar...


  1. Yorum bulunmamaktadır.

Bu yazıya yorum göndermek ister misiniz?

Dikkat: Her yorum gönderen kişi, kendi gönderdiği yorumdan sorumlu olmaktadır.
Not: Yazı ile herhangi bir ilgisi bulunmayan yorumların onaylanmadığını belirtmek isteriz.
Yazı Etiketleri
Yukarı Çık