Blogger'da İletişim Formu Nasıl Eklenir ve Bize Ulaşın Sayfası Oluşturulur

İletişim sayfası, genel olarak blogunuzun okuyucusunun veya bir reklamcının, sponsorun veya genel bir sorgusu olan birinin size nasıl ulaşacağıdır.

BlogSpot (Blogger), yeni başlayanlar için blog yazmanın temellerini öğrenmek ve nasıl çalıştığını anlamak için ideal bir seçimdir.

BlogSpot kullanıcıları, widget'larında bir iletişim formu kullanabilir, ancak onları sayfalara ekleyemezsiniz. Bu yeni başlayanlar için bir sorun.

AdSensediğerlerinin çoğu dahil kaliteli reklam ağları, ve bağlı pazar yerleri hakkında bilgin yoksa onlara katılmanı onaylamaz, İletişim bilgileri ve Gizlilik Politikası gidin.

Bu nedenle, bu sayfaları hazırladığınız anda oluşturduğunuzdan emin olun. blogunuzu başlatın.

Bu eğitimde, bize ulaşın sayfası oluşturmanıza ve BlogSpot blogunuza bir iletişim formu eklemenize yardımcı olacağım. Bunu yapmanın iki farklı ve kolay yolunu göstereceğim, seçeneklerin olacak.

Birinci yöntem, üçüncü taraf bir araç kullanmaktır ve ikinci yöntem, resmi bir Blogger "bize ulaşın" gadget'ını kullanmaktır. Herhangi birini seçmekten çekinmeyin.

Yöntem No. 1 – 123FormBuilder'ı Kullanma

Bu, tüm olmayanlar için her tür ve türde form oluşturmak için en sevdiğim araçtır.WordPress Siteler.

123FormBuilder (önceden 123 ContactFormBuilder), her tür çevrimiçi form oluşturmaya, iş akışlarını yönetmeye ve verilerini çok hızlı bir şekilde toplamaya yönelik bir bulut aracıdır.

BlogSpot ve WordPress dahil olmak üzere her CMS platformu için çalışır.

Adım 1- Git 123FormBuilder ve Ücretsiz Bir Hesap Oluşturun

Adım 2 – Kontrol Panelinize Giriş Yapın ve Yeni Form Oluştur Butonunun Yanındaki Ok'a tıklayın. İletişim formu ve Potansiyel müşteri formu seçeneğine tıklayın.

İkinci Sayfada Kullanıma Hazır Bir İletişim Formu Çıkacaktır. Alanlar düğmesine tıklayarak istediğiniz fazladan alanları ekleyebilirsiniz.

Kaydet ve yayınla düğmesine tıklayın.

Adım 3 – Javascript kodunu ekrandan kopyalayın. (CTRL + C tuşlarına basın)

Adım 4 – Adresinize gidin Blogger blog panosu ve yeni sayfa ekle'yi tıklayın. Bu sayfaya "Bize Ulaşın" adını verin.

Adım 5 – HTML formatı düzenleyici düğmesine tıklayın ve kodu buraya yapıştırın (Yapıştırmak için CTRL + V tuşlarına basın) ve yayınla'ya tıklayın.

İletişim formunuz artık blogunuzda yayında. Ona bir göz atın.

Gelelim ikinci yöntemimize

Yöntem 2 – Blogger “Bize Ulaşın” Gadget'ını Özelleştirme

Blogger Gadget'ları bölümünde resmi bir bize ulaşın gadget'ı vardır, ancak bunu hiçbir sayfanızda kullanamazsınız. Yalnızca kenar çubuklarından erişilebilir. Sayfalarda kullanmak üzere özelleştirmek için aşağıdaki bu öğreticiyi izleyin.

Adım 1 – Adresinize gidin Blogger kontrol paneline gidin ve düzen sekmesine tıklayın.

Adım 2 – Yeni gadget ekle'ye tıklayın.

 

Adım 3 – Menüden bize ulaşın gadget'ını seçin ve ekle düğmesine tıklayın. Görünür seçeneğin işaretini kaldırın ve gadget'ı kaydedin.

Adım 4 – Blogunuza yeni bir sayfa ekleyin. Bu sayfaya "Bize Ulaşın" adını verin. Bu sayfanın HTML düzenleyicisine aşağıdaki HTML iletişim formu kodunu kopyalayıp yapıştırın:

<div id="custom_ContactUsFromForBlogSpotBlogger" class="widget ContactForm">
<div class="contact-form-widget">
<p>Please fill in the form below to get in touch with us.</p>
<div class="form">
<form name="contact-form">
<p></p>
Your Name
<br>
<input type="text" value="" size="30" name="name" id="ContactForm1_contact-form-name" class="contact-form-name">
<p></p>
Your Email
<span style="font-weight: bolder;">*</span>
<br>
<input type="text" value="" size="30" name="email" id="ContactForm1_contact-form-email" class="contact-form-email">
<p></p>
Your Message
<span style="font-weight: bolder;">*</span>
<br>
<textarea rows="5" name="email-message" id="ContactForm1_contact-form-email-message" cols="25" class="contact-form-email-message"></textarea>
<p></p>
<input type="button" value="Send" id="ContactForm1_contact-form-submit" class="contact-form-button contact-form-button-submit">
<p></p>
<div style="text-align: center; max-width: 222px; width: 100%">
<p id="ContactForm1_contact-form-error-message" class="contact-form-error-message"></p>
<p id="ContactForm1_contact-form-success-message" class="contact-form-success-message"></p>
</div>
</form>
</div>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a title="Edit" target="configContactForm1" onclick="return _WidgetManager._PopupConfig(document.getElementById("ContactForm1"));" href="//www.blogger.com/rearrange?blogID=84427382819377482&widgetType=ContactForm&widgetId=ContactForm1&action=editWidget&sectionId=sidebar-right-1" class="quickedit">
<img width="18" height="18" src="//img1.blogblog.com/img/icon18_wrench_allbkg.png" alt="">
</a>
</span>
</span>
<div class="clear"></div>
</div>

Hatırlatma – Yukarıdaki kodun 33. satırında bulunan BlogID'yi blogunuzun orijinal kimliğiyle değiştirdiğinizden emin olun. BlogSpot blog kimliğinizi BlogSpot blog kontrol panelinize gidip tarayıcının adres çubuğundaki URL'nize bakarak bulabilirsiniz. Referans için nasıl göründüğü aşağıda açıklanmıştır:

Bize ulaşın sayfanız için yorumları kapatın ve kolayca erişilebilmesi için menünüze eklediğinizden emin olun.

Tebrikler! – Bize ulaşın sayfanız artık yayında. Git iletişim formunuza bir göz atın ve ilk kez test edin.

Umarım bu eğitim size yardımcı olmuştur. Ayrıca en iyileri hakkında okumak istersiniz blogcular için krom uzantıları ve en iyi blog araçları. Başkalarına yardımcı olmak için bu gönderiyi paylaşın ve ayrıca düşüncelerinizi paylaşmak için aşağıya bir yorum bırakın.

Paylaş:

58 Yorumlar

  1. Merhaba Aayush Bhaskar, bu öğreticiyi paylaştığınız için teşekkürler, işe yaradı!. blogunuzu okurken çok eğlendim.

  2. Vandit diyor ki:

    İletişim formundan gelen bu mesajları nereden alacağım?

    1. Mesajları, Blogger blogunuzu oluşturmak için kullandığınız e-posta adresine alacaksınız.

  3. Bana çok yardımcı oldun. Harika öğretici Aayush.

  4. GERÇEK çalışma formu formatını arıyordum. Ama internette hiçbir şey çalışmıyordu. Form siteleri denedim ama aradığım şey bu değildi. N sayıdan sonra, makalenize rastladığım gerçekten berbat bazı açıklanmış öğreticilerden geçtim.

    Yararlı ve gerçek çalışma eğitiminiz için çok teşekkürler.

  5. Yararlı makalen için teşekkürler. Bize ulaşın sayfasıyla ilgili başka birçok makale okudum, ancak hiçbir şey işe yaramadı. Ama yönteminizi uyguladıktan sonra ve aslında blogumda çalışmaya başladı. Tebrikler.

  6. Abdul Mustaqim-Ul-Alam Shovon diyor ki:

    Güzel makaleniz ve gerçek çalışma kodlarınız için teşekkürler. Diğer herkes kod başarısız olur, ancak sizinki çalışır.

  7. nikhil diyor ki:

    iletişim sayfasını oluşturdum ve bir test mesajı göndermeyi denedim ancak e-posta kimliğine herhangi bir posta almadım.
    lütfen yardım

    1. Bu harika bir öğretici. İletişim formunu kolayca oluşturabilirim. İki sorum var:
      1) Gönder düğmesi çalışmıyor. Başka bir kimliğimle test etmeye çalıştım.
      2) Yorumlar nasıl kapatılır?

      Şimdiden teşekkürler.

      1. Kullandığınız şablona göre değişir. Başka bir şablonla değiştirmeyi deneyin veya Javascript'in reklam komut dosyaları gibi diğer komut dosyalarıyla çakışıp çakışmadığını kontrol edin.

        Yorumları devre dışı bırakmak için ayarlara gidin ve gönderiler ve yorumlar bölümüne tıklayın. Orada, yorumları devre dışı bırakmak için Gizle seçeneğine tıklayın.

  8. Hey, bu düzgün çalışmasına gerçekten yardımcı oluyor.

    Teşekkür ederim!

  9. Teşekkürler Aayush, bloguma bir iletişim sayfasını başarıyla ekledim. İtiraf etmeliyim ki çok profesyonel görünüyor, ardından benimle iletişime geçmek için bir e-posta kimliği ekliyor.
    Yardımın için gerçekten minnettarım 🙂

  10. Merhaba Aayush Kod için teşekkürler. Kimliğinizi kullanarak iletişim sayfası oluşturdum ancak e-postayı almadım. Blogum doğru. Bunu iki kez kontrol ettim. Sayfa ve form geliyor. Ancak “gönder” düğmesine tıklandığında çalışmıyor gibi görünüyor. Lütfen yardım et.

    1. Merhaba Chinchu,

      Blogspot'unuzun giriş e-postasını ve Blog Kimliğini iki kez kontrol ettiniz mi?

  11. Teşekkürler bayım. Blogger SEO listenizi çok faydalı bir şekilde indirdim.

  12. Merhaba, umarım her şey yolundadır!

    Her şeyi yaptım ve sayfa da bloguma eklendi, ancak iletişim formundan cevap alamıyorum, kullanıcılar tarafından gönderilmese bile. Ayrıca blogda belirtildiği gibi blog kimliğini de değiştirdim.

    Cevabınıza aynı şekilde bakıyorum.

    Çok teşekkür ederim.

    Avijeet

    1. Merhaba Avijeet, görünüşe göre form Blogspot etki alanı için çalışmıyor ve özel etki alanları için iyi çalışıyor. Değiştirmeyi deneyin ve bana bildirin.

  13. Seyid Sudip Ahmed diyor ki:

    Blogger kimlik numarasını koyduğunuz satır içi 33. ?, anlamıyorum.

    1. Farenizi kodun üzerine getirin ve sola kaydırın, Blog Kimliğini nereye girmeniz gerektiğini göreceksiniz.

  14. Müzemmil Şah diyor ki:

    Web sitemiz için Bize Ulaşın sayfası oluşturmak için üçüncü taraf bir web sitesi kullanırsak, bu yöntem web sitemiz için zararlı mıdır?

      1. Maria Buhari diyor ki:

        Cevap için teşekkürler. Google'dan indirilen 3 bize ulaşın sayfam var. Bunu blogger web siteme eklemek istiyorum ve çalışmıyor çünkü bu Bize Ulaşın sayfasının geliştiricisi bu eylemi gerçekleştiren herhangi bir javascript eklemeyecek. Bize Ulaşın sayfasını gmail adresine nasıl bağladığımız hakkında bir fikriniz varsa.

  15. tambe diyor ki:

    Lütfen benim için resim rehberi verir misin Blog kimliğini nereye koyacağım.

    1. Merhaba Tambe, zaten bir tane var. Kimlik, 33. satırdaki kodun içine yerleştirilmelidir.

      Her neyse, işte size yardımcı olacak bir resim:

      blog konumu

  16. Vişnu Çandrakumar diyor ki:

    Çok teşekkür ederim!

  17. karıştırmak diyor ki:

    Merhaba Aayush
    Form içindeki metin rengini nasıl değiştirebilirim?
    Arka plan rengim beyaz ve metin de beyaz, onu görmek çok zor.
    Teşekkür ederim,

    1. Tabii, kabı kullanabilirsiniz yazı tipi rengini değiştirmek için Metinden önce span style=”color:#ff0000″ kodunu kullanın ve span etiketini kapatın.

      Bu yayılma kodundan önce veya sonra <> kullanmadım çünkü WordPress onu dönüştürecekti.

  18. nazar ahmed diyor ki:

    Anlamıyorum ” Kodun 33. satırında bulunan BlogID'yi değiştirdiğinizden emin olun””
    33. satırda komut yok,
    33. satırda ne demek istiyorsun, BlogID olmadığını her şeyi kontrol ediyorum
    tarif edebilir misin?

    1. Fareyi form kodunun üzerine getirdiğinizde sola kaydırın. 33. satırda, içinde “blogid=” ifadesini göreceksiniz. (a) emretmek. Umarım yardımcı olur.

  19. Kumaraswamy Güvesi diyor ki:

    Yararlı makalen için teşekkürler. Bize ulaşın sayfasıyla ilgili başka birçok makale okudum, ancak hiçbir şey işe yaramadı. Ama yönteminizi uyguladıktan ve aslında blogumda çalışmaya başladıktan sonra

  20. AnonyYaz diyor ki:

    Selam! Formunuzu denedim ve onlar için çalıştığı yorumlara dayanarak. Ve benim için çalışmıyor. Lütfen kodda yanlış bir şey yapıp yapmadığımı kontrol edebilir misiniz? Gönderdiğiniz kodu kopyaladım ve adın, e-postanın ve mesajın yanına simgeleri ekledim ve blogger kimliğini değiştirdim ve benimkini kullandım.
    https://anonywrite.blogspot.com/p/contact.html
    Teşekkürler ve sizden haber almayı umuyoruz!

    1. Merhaba Anony

      İnceleme aracını kullanın ve kodun öğreticide yukarıdaki kodla eşleşip eşleşmediğini kontrol edin. En yaygın sorun, her zaman şablon çakışması nedeniyle koddaki bazı tutarsızlıkların özelleştirilmesidir.

  21. Adeyemi Tayo diyor ki:

    Hi
    Bunun için çok teşekkür ederim. Ama kayboldum. 33. satırın nerede olduğunu bilmiyorum

  22. Mansur Ali Jarwar diyor ki:

    Harika!! Çok kolay ve Hızlı Destek. Yardım gönderinizi takip ederek Sayfamı 2 dakika içinde kolayca oluşturdum. Teşekkür ederim : )

  23. Bhagwan Deen diyor ki:

    Güzel öğretici. Yöntem 2'yi takip ettim ve iletişim sayfasını bloguma başarıyla ekledim. Üçüncü taraf şablonu kullanıyorum. Teşekkürler.

  24. Navne Anand diyor ki:

    Yazınız çok farklı Aayush. Bunun gibi ayrıntılı ve kapsamlı öğreticiler yazardınız. Bağlı kuruluştan ve her şeyden bahsettiğinizde pazarlama arşivinizi sevdim. Kendiniz daha fazla bağlı kuruluş yazısı yazmaya devam edebilir misiniz?
    Neden birdenbire farklı yazarlardan bu kadar çok ürün makalesi?

  25. utangaç diyor ki:

    Gönderi kesinlikle harika! Çok yardımcı oldu ama Blog Kimliği ile ilgili bir sorunum var, kendi Blog Kimliğimi bulamıyorum. Lütfen yardım et.

  26. Sandra diyor ki:

    Merhaba,
    Talimatları çok dikkatli bir şekilde takip ettim ve form harika görünüyor ama diğer birkaç kişiyle aynı sorunu yaşıyorum: formu test edip “Gönder”e bastığımda hiçbir şey olmuyor. Şimdilik özel bir alan adı yerine bir Blogger alanı kullanıyorum. Sorun bu mu?

    Çok teşekkürler.

    1. Merhaba Sandra, Birden çok vaka aynı şeyi gösteriyor – sorun Blogspot etki alanı. Özel bir etki alanına geçmeyi deneyin veya yöntem 1'i kullanın, çalışıp çalışmadığına bakın.

  27. Selam kardeşim,
    Bize ulaşın formundaki “Ad” sütunu için gerekli* bir seçenek eklemek istiyorum. Peki nasıl ekleyebilirim? HTML betiğini verdiğiniz için teşekkür ederiz!

    Teşekkürler.

    1. Etiketi kapatmadan önce 9. satırın sonuna gerekli özniteliği eklemek > işi yapmalıdır, Tuty.

      Örneğin -

      [input type=”text” value=”” size=”30″ name=”name” id=”ContactForm1_contact-form-name” class=”contact-form-name” gerekli=””]

      Ardından, 7. satırdaki E-postanızın ardından şunu ekleyin:

      [span style=”font-weight: daha kalın;”]*[/span]

      [ ile değiştirin < Ben yapmadım yoksa kod etkili olur.

  28. Daria diyor ki:

    Bunun için teşekkür ederim! Süper yararlı ve takip etmesi kolay!

  29. Sevgili Aayush Bhaskar, ekler için forma alan eklemek için bir sırrınız var mı?

    1. Merhaba CM,

      Dosya yükleme dosyalanmış bir form oluşturmak için 123Contactforms kullanmalısınız.

  30. Sağol kardeşim... Beni daha fazla stresten kurtardın

  31. Merhaba! Çok teşekkürler. Bu, benim için çalışmaya en yakın olan öğreticidir. Benim sorunum, gadget'ı kenar çubuğunda gizlediğimde formun çalışmayı durdurması, ancak gadget görünür durumdaysa düzgün çalışması. Gadget'ı gizlersem, artık gönder düğmesini tıklayamam. Bunu hem blogspot alanımda hem de özel alanımda denedim ve her ikisinde de aynı. Neden böyle olduğu hakkında bir fikriniz var mı?

  32. hey, çok teşekkürler seninki işe yaradı!

  33. Ernefull diyor ki:

    Merhaba, yeni Blogger arayüzünde blogumun kimliğini nerede bulabilirim?

  34. Merhaba, hiçbir widget ve harici komut dosyası olmadan çalışan bir formum vardı ama bir nedenden dolayı çalışmayı durdurdu. Belki şimdi çalışan birini tanıyorsun? O eskisinin kodunu sığdırabilirim.

  35. Üzgünüm şimdi İngilizce. İyi akşamlar sitemdeki iletişim formuna bir sekme üzerinden ulaşmaya çalıştım. Sekmeye basarsam formu değil HTML betiğini görebiliyorum, daha sonra önizlemeye basarsam doğru şekilde görüyorum. Bu aynı zamanda Hakkımda sekmem için de geçerlidir. Neyi yanlış yapıyorum?

Yorum bırak

E-posta hesabınız yayımlanmayacak. Gerekli alanlar işaretlenmişlerdir. *