Connect with us

Blogger

Blogger İletişim Sayfası Ekleme (2 farklı yöntem)

Yayınlanan

İcerisinde

Blogger

Blogger İletişim Sayfası Nasıl Oluşturulur?

Bu yazımda adım adım blogger altyapısını kullanarak 2 farklı yöntem ile blogger iletişim sayfası oluşturmayı gösterdim.

Web siteniz için en önemli sayfalar arasından biri olan iletişim sayfasıdır. İletişim sayfası sitenizi ziyaret eden kullanıcıların size ulaşmasını sağlamanız açısından çok önemlidir. Bu durumda ziyaretçiler ile aranızda bir bağ köprüsü kurmuş olacaksınız.

1. Yöntem Olan Gadget ile iletişim formu ekleme

Bu yöntem blogger gadget bölümünde blogger’ın sunduğu resmi iletişim gadget’ı bulunur, ancak bu yöntemi sayfalarda veya yazılarda kullanamaz. Sadece kenar çubuğu olarak kullanılır.

  1. Google ile oturum açın ve blogger.com adresine gidin.
  2. Düzen > Sidebar Right > Gatget Ekle tıkladıktan sonra iletişim formunu seçin ve kaydete tıklayın.
  3. Sitenize giderek bir yayına veya bir sayfaya girerek iletişim formunu kontrol edin.

2.Yöntem HTML Kod ile iletişim formu ekleme

Bu yöntemde siteye iletişim sayfası yapabilmek için hazır kodlar kullanacağım, iletişim sayfası için aslında birçok hazır kod bulmak mümkündür.

!UYARI: İletişim sayfanızı oluşturmadan önce her ihtimale karşı temanızın yedeğini almayı tavsiye ederim. Yanlış bir hata yapmanız durumunda sitenizde sorunlar ortaya çıkabilir.

  1. Google ile oturum açın ve blogger.com adresine gidin.
  2. Tema > HTML’yi düzenleyi tıklayalım.
  3. Ctrl+F’e basıp açılan arama kutusuna ]]></b:skin> kodunu bulalım.
  4. ]]></b:skin> Kodun hemen üstüne aşağıda verdiğim kodları yapıştırın ve kaydedin.

Kodlar:

div#ContactForm1 {
display: none !important;}

Bu kodu eklememizdeki amaç, daha önce eklemiş olduğumuz gatget iletişim formunun görünmesini engellemektir.

Son olarak önce HTML kodlarını eklemek için yeni bir sayfa oluşturalım, yeni oluşturduğumuz sayfa’yı HTML Görünümü olarak düzenlemeyi unutmayalım. Ardından Aşağıda vermiş olduğum kodları kopyalayın ve iletişim sayfanıza yapıştırın ve kaydet butonuna tıklayın.

<form name="contact-form">
<div>
Ad </div>
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /> 
<br />
<div>
E-posta <i>(gerekli)</i></div>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /> 
<br />
<div>
İleti: <i>(gerekli)</i></div>
<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<br />
<br />
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Gönder" />
<br />
<div style="max-width: 450px; text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>

Merhaba! Ben, Osmaniye'nin Bahçe ilçesinde doğmuş, şu anda 18 yaşında bir Full Stack Web Geliştiriciyim. Eğitimlerim ve uzmanlık alanlarım arasında web uygulamalarının oluşturulması, SEO stratejileri, Photoshop, Python, HTML, CSS, JavaScript, PHP ve grafik tasarım gibi konular yer almaktadır. Diveebi.com adlı web sitem ve YouTube kanalımda, bu alanlarla ilgili içerikler üretmeye ve paylaşmaya büyük bir tutku ile devam ediyorum.

Yorum yapmak için tıklayın

Cevap bırakın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Blogger

Blogger Meta Tag Etiket Açıklaması Ekleme

Yayınlanan

İcerisinde

Tarafından

Blogger

Bu yazımda, blogger meta tag açıklaması nasıl eklenir? Blogger açıklama etiketi nasıl eklenir ? Arama motorlarında görünen açıklaması nasıl eklenir? sorulara yanıt bulabileceksin.

Blogger, blogunuzu arama motorlarında arattığınızda. Sitenin başlığı ve hemen blog başlığının altında blogunuz ile ilgili açıklama yer alır. Blogger, sitemizde yazılarımızın arama motorun’da ilk sıralara çıkması için meta tag etiketleri oldukça önemli bir yeri var. Bu nedenle blogunuzu SEO çalışmaları önemli.

Blogger’a Açıklama Ekleme (arama motorlarında görünen açıklama kısmı)

İlk olarak blogger kullanıcı paneline giriş yapın.

  1. “Ayarlar” ve ardından “Temel” yazan bölüme gelin.
  2. Başlık ve hemen altında “Açıklama” yazan yere tıklayın.
  3. Açılan popup’a Açıklamanızı Giriniz.
  4. Son olarak kaydet.

Blogger Meta Tag (keywords) Kodu Ekleme

Bu adıma geçmeden önce meta etiketleri gerekli. Oluşturacağımız meta tag (keywords) kodlarını internette meta tag etiket oluşturucu yazarak birden fazla meta tag etiketleri oluşturan siteleri kullanabilirsiniz. Blogger sitenize ekleyeceğiniz kodu oluşturduktan sonra

  1. Blogger kullanıcı paneline giriş yapın.
  2. “Tema” ve ardından “HTML’yi düzenle” tıklayın.

HTML kodlarının bulunduğu alanı tıklayın ve ctrl-f tuşlarına basın.

<b:include data='blog' name='all-head-content'/>

bu kodu bulun ve hemen altına meta tag etiketlerinizi ekleyin ve temayı kaydet.

Örnek Resim:

Okumaya devam et
win 10 diveebi.com win 10 diveebi.com
Blog2 ay ago

Windows etkinleştirme yazısını kaldırmak İçin 3 Yöntem

Windows Etkinleştirme Yazısı Neden Çıkar? Windows etkinleştirme yazısı, Windows işletim sisteminin lisansının onaylanmadığını veya etkinleştirilmediğini gösterir. Bu yazı genellikle siyah...

NodeJS NodeJS
Blog2 ay ago

NodeJS VS PHP, Node.js mi PHP mi?

PHP ve Node.js, modern web geliştirme dünyasında popüler olan iki farklı teknolojidir. Her ikisi de web tabanlı uygulamalar geliştirmek için...

FTP - diveebi.com FTP - diveebi.com
Blog3 ay ago

Domain Nedir ve Nasıl Kullanılır?

İnternet çağında yaşadığımız bu günlerde, “domain” terimi sıkça duyulan ve kullanılan bir kavram haline geldi. Ancak, pek çok kişi için...

Python Python
Python Dersleri6 ay ago

Python ile Vize Final Ortalaması Hesaplama

Bu projemizde, python ile kullanıcıdan vize ve final notlarını alarak sene sonu ortalamasını hesaplar. Ortalama, vize notunun %40‘ı ile final...

Python Python
Python Dersleri6 ay ago

Python’da Dosya İşlemleri

Python programlama dilinde dosya işlemleri, veri okuma, yazma ve manipülasyonu gibi önemli görevleri gerçekleştirmenin temel bir parçasını oluşturur. Bu makalede,...

FTP - diveebi.com FTP - diveebi.com
FTP7 ay ago

FTP Nedir? Ücretsiz FTP Programları nelerdir?

FTP Nedir? FTP Nedir?, FTP (File Transfer Protocol), bilgisayarlar arasında dosya transferini sağlamak için kullanılan bir iletişim protokolüdür. İnternetin ilk...

Kali Linux Kali Linux
Kali Linux10 ay ago

Kali Linux Dirbuster Aracı Nasıl Kullanılır?

Kali Linux ve Dirbuster Nasıl Kullanılır? Günümüzün dijital dünyasında, siber güvenlik önemli bir konu haline gelmiştir. Güvenlik uzmanları, siber saldırıları...

Apache Diveebi Apache Diveebi
apache server11 ay ago

.htaccess Dosyası Nedir ve Nasıl Kullanılır?

Bu rehberde, .htaccess Dosyası Nedir ve Nasıl Kullanılır? sorularına cevap bulacaksınız. .htaccess dosyası, Apache web sunucusu üzerinde kullanılan ve web...

win 10 diveebi.com win 10 diveebi.com
Blog11 ay ago

Windows 10’da WiFi Gözükmüyor Sorunu ve Çözümleri

Windows 10 işletim sistemi, dünya genelinde en yaygın olarak kullanılan işletim sistemlerinden biridir. Ancak, her ne kadar güçlü ve kullanıcı...

PHP PHP
Blog11 ay ago

PHP Nedir, Ne İşe Yarar? Kullanım alanları Nelerdir?

PHP Nedir, Ne İşe Yarar? Bu rehberde PHP Nedir, Ne İşe Yarar? Kullanım alanları Nelerdir konuları hakkında bilgi sahibi olacaksınız....

Arduino Arduino
Arduino12 ay ago

Arduino Nedir? Nasıl Çalışır? Ne İşe Yarar?

Bu rehberimizde, Arduino Nedir? Nasıl Çalışır? Ne İşe Yarar? sorularına cevap arayacağız. Günümüzde elektronik ve programlama dünyasında oldukça popüler olan...

Trending