Blogger iletişim formu nasıl yapılır? , İletişim Formu Kodları



      İnternette sitesi olanlar bilir, bir site için en önemli husurlardan biride iletişim sayfasıdır. Çünkü reklam veya site bildirimlerini almanın en kolay yoludur. Bugün sizlere sitenize "iletişim sayfası nasıl eklenir?" sorusuna cevap vereceğim. Bu kodda 3label vardır . İnsanlar iletişim sayfanıza girdiğinde önce ismini sonra eposta larını sonrada size göndermek istediklerini yazacaklar ve sizin e postanıza gelecektir.Şimdi maddeler halinde başlayalım öyleyse

1 Öncelikle blogger hesabınıza giriş yapın. Ardından yeni bir sayfa açın. Tekrar ediyorum yeni sayfa,yeni bir kayıt açmayın.Sonra Oluştur ve Html kısmından Html 'yi seçin





2Verdiğim kodları buraya yapıştırın.





<form name="contact-form"><div class="datainput"><input class="validate" id="ContactForm1_

contact-form-name" name="name" required="" type="text" value="" /> <span class="highlight">
</span> <span class="bar"></span> <label>Name</label> </div><div class="datainput"><input
class="validate" id="ContactForm1_contact-form-email" name="email" required="" type="email"
value="" /> <span class="highlight"></span> <span class="bar"></span> <label>Email</label>
</div><div class="datainput"><textarea class="validate" cols="25" id="ContactForm1_contact-
form-email-message" name="email-message" required="" rows="5"></textarea> <span class=
"highlight"></span> <span class="bar"></span> <label>Message</label> </div><input id=
"ContactForm1_contact-form-submit" type="button" value="Send" /> <div id="ContactForm1_
contact-form-error-message"></div><div id="ContactForm1_contact-form-success-message">
</div></form><script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js"
type="text/javascript"></script> <script type="text/javascript">
//<![CDATA[ if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) {
window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '4284293265086690397';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/
rearrange?blogID\x3d4284293265086690397','//naberblog.com/','4284293265086690397'); _WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1',
'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg':
'<span style="padding:5px 10px">Sending...</span>', 'contactFormMessageSentMsg':
'<span style="padding:5px 10px">Your message has been sent.</span>',
'contactFormMessageNotSentMsg': '<span style="padding:5px 10px">Message could not be sent.
Please try again later.</span>', 'contactFormInvalidEmailMsg': '<span style="padding:5px
10px">A valid email address is required.</span>', 'contactFormEmptyMessageMsg':
'<span style="padding:5px 10px">Message field cannot be empty.</span>', 'title':
'Contact Form', 'blogId': '4284293265086690397', 'contactFormNameMsg': 'Name',
'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg':
'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); //]]> </script> <style scoped="scoped"> .datainput{float:none;position:relative;margin-bottom:45px;margin-right:10px}.datainput
input,.datainput textarea{font-size:15px;padding:15px 0;display:block;width:100%;border:
none;border-bottom:1px solid #ddd}.datainput input:focus,.datainput textarea:focus{outline:
none}.datainput label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-
events:none;left:0;top:10px;transition:.2s ease all}.datainput input:focus ~ label,.
datainput input:valid ~ label,.datainput textarea:focus ~ label,.datainput textarea:valid ~
label{top:-20px;font-size:14px;color:#5264AE}.bar{position:relative;display:block;width:
100%}.bar:before,.bar:after{content:'';height:2px;width:0;bottom:1px;position:absolute;
background:#07ACEC;transition:.2s ease all}.bar:before{left:50%}.bar:after{right:50%}.
datainput input:focus ~ .bar:before,.datainput input:focus ~ .bar:after,.datainput
textarea:focus ~ .bar:before,.datainput textarea:focus ~ .bar:after{width:50%}.highlight
{position:absolute;height:50%;width:100px;top:25%;left:0;pointer-events:none;opacity:.5}.
datainput input:focus ~ .highlight,.datainput textarea:focus ~ .highlight
{animation:inputHighlighter .3s ease}.datainput input:focus ~ label,.datainput input:valid ~
label,.datainput textarea:focus ~ label,.datainput textarea:valid ~ label{top:-20px;font-
size:13px;color:#07ACEC} input#ContactForm1_contact-form-email-message{height:150px} input#ContactForm1_contact-form-submit{color:#fff!important;background:#2196F3;padding:15px
25px;border-radius:4px;border:none;outline:none;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0
2px 10px 0 rgba(0,0,0,0.12);cursor:pointer;transition:all .4s ease-in-out;text-transform:
uppercase;float:left;margin-top:15px} input#ContactForm1_contact-form-submit:hover{box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px
20px 0 rgba(0,0,0,0.19)} #ContactForm1_contact-form-error-message{float:right;background:#D32F2F;color:#fff;font-
size:13px;font-weight:700;border-radius:3px}#ContactForm1_contact-form-success-message
{float:right;background:#4CAF50;color:#fff;font-size:13px;font-weight:700;border-radius:3px} </style> <div class='clear'></div> <div style='clear:both;'></div>




Burada ctrl+f yapın ve buraya önce 4284293265086690397 sayısını yazın. Bu sayı benim blogumun id si . Burayı kendi blogunuzun id si ile degistirin. Eğer kendi bloğunuzun id si nasıl değiştirilir bilmiyorsanız söyleyeyim. şuan yeni bir sayfa açıp bu kodu yapıştırdınız ya. o kendi bu kodu yapıştırdığınız sayfanın en üzerinde www.blogger.comsonra blogid= yaziyor. URL kısmında. oradaki sayılar sizin blog id niz onlar kopyalayın ve yapıştırın.
Ardından NaberBlog.comyazın. bulduğunuz bu yere kendi site adresinizi yazın. Sonra yayınla diyebilirsiniz.Anlayamadığınız bir yer varsa aşağıda yorumlardan yazabilir ya da sitemin iletişim kısmından bana ulaşabilirsiniz. İyi günler dilerim.

Yorum Gönder

5 Yorumlar

  1. Vallaha saol aga . Blogum harika oldu

    YanıtlaSil
  2. Allah razı olsun emmim eline sağlık siteme gelen insancıklar artıkın benim ile iletişime geçebilecek

    YanıtlaSil
  3. peki hacı EMMİ BU GÖNDERDİĞİMİZ MESAJ NEREYE GİDİYOR

    YanıtlaSil
    Yanıtlar
    1. sizin blogger ile giriş yaptığınız e-posta adresinize gidiyor efendim.

      Sil
Emoji
(y)
:)
:(
hihi
:-)
:D
=D
:-d
;(
;-(
@-)
:P
:o
:>)
(o)
:p
(p)
:-s
(m)
8-)
:-t
:-b
b-(
:-#
=p~
x-)
(k)