Blogger iletişim sayfası nasıl eklenir, yapılır - Blogbeyin | Yazmaya gönüllü arkadaş topluluğu

25 Şub 2019

Blogger iletişim sayfası nasıl eklenir, yapılır


 Blogger iletişim sayfası nasıl eklenir, yapılır

Bir blog sayfasına yada en kapsamlı olacaksa bir web sayfasına sahip iseniz sizinle iletişime geçilmesi gereken durumlar olacaktır. Sayfanızda yer alan yazılar, ve diğer her şey için tebrik, teşekkür, hata ya da reklam anlaşmaları için mesajlar almanız gerekebilir. Tabi ki de bu olay dumanla olmayacaktır.:) Bunu çok basit bir şekilde anlatmaya çalışacağım. Öncelikle;

  • Blog Sayfalar Yeni sayfa
  • Adını İletişim yapalım.Tercih size kalmış farklı isimlerde yapılabilir.
  • HTML bölümüne geçip aşağıda yer alan kodları yapıştırmanız yeterli. Türkçeleştirilmiş bir kodda değiştirmeniz gereken bir şey yok. Gayet basit zaten.
  • Bunun yanında sayfanızın yorumlara kapalı konuma getirmeniz sayfanın kullanım alanı bakımdan daha iyi olacaktır.
  • Sayfayı yayınlamadan sağ panelde Sayfa ayarlar Seçenekler Okuyucu yorumları İzin verme, mevcut olanı gizle tikini seçmeniz ve sayfayı yayınla demeniz yeterli olacaktır.

<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>İsim</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>Mesaj</label> </div>
<input id="ContactForm1_contact-form-submit" type="button" value="Gönder" /> <br />
<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'] = '1501523213365910048';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x1501523213365910048','//beolum.blogspot.com/','1501523213365910048');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': '<span style="padding:5px 10px">Gönderiliyor...</span>', 'contactFormMessageSentMsg': '<span style="padding:5px 10px">Teşekkürler. Mesajınız gönderildi.</span>', 'contactFormMessageNotSentMsg': '<span style="padding:5px 10px">Mesaj gönderilemedi. Lütfen daha sonra tekrar deneyiniz.</span>', 'contactFormInvalidEmailMsg': '<span style="padding:5px 10px">Geçerli bir e-posta adresi gerekli.</span>', 'contactFormEmptyMessageMsg': '<span style="padding:5px 10px">Mesaj alanı boş olamaz.</span>', 'title': 'Contact Form', 'blogId': '1501523213365910048', '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> <br />
<div class="clear">
</div>
<div style="clear: both;">
</div>
Yorumlar


EmoticonEmoticon

Kapat