Neler yeni

Hoşgeldin Ziyaretçi

Kayıt olarak forumumuzdan dosya indirebilir,bilgi sahibi olabilir,daha iyi bir şekilde yararlanabilirsin.

Şimdi kayıt ol

Blogger'a WhatsApp Destek Butonu Nasıl Eklenir

wpforum

Member
Yönetici
53
22 Ocak 2025
Blogger, kullanıcıların kolayca blog oluşturup yönetebileceği bir platformdur. Blogunuzda ziyaretçilerinizle iletişimi artırmak için WhatsApp destek butonu eklemek oldukça etkili bir yöntemdir. Bu makalede, Blogger'a nasıl WhatsApp destek butonu ekleyeceğinizi adım adım anlatacağız.

Adım 1: WhatsApp Web'den Link Oluşturma

Öncelikle, WhatsApp Web üzerinden bir link oluşturmanız gerekiyor. Bu link, ziyaretçilerinizin sizinle doğrudan WhatsApp üzerinden iletişime geçmesini sağlayacak.

  1. WhatsApp Web'i açın: [https://web.whatsapp.com](https://web.whatsapp.com)
  2. Sol üst köşedeki üç noktaya tıklayın ve Yeni Grup seçeneğini seçin.
  3. Grup oluşturmak yerine, doğrudan bir kişi seçin ve Link Oluştur seçeneğini tıklayın.
  4. Oluşturulan linki kopyalayın. Bu link, ziyaretçilerinizin sizinle iletişime geçmesini sağlayacak.
Adım 2: Blogger Tema Düzenleyicisine Erişim

  1. Blogger hesabınıza giriş yapın.
  2. Sol menüden Tema sekmesine tıklayın.
  3. Tema düzenleyicisini açmak için HTML'yi Düzenle seçeneğine tıklayın.
Adım 3: WhatsApp Butonu için HTML ve CSS Ekleme

Tema düzenleyicisinde, WhatsApp butonunu eklemek için aşağıdaki adımları izleyin:

  1. Tema düzenleyicisinde </body> etiketini bulun. Bu etiket, temanın en alt kısmında yer alır.
  2. </body> etiketinin hemen üstüne aşağıdaki HTML kodunu ekleyin:
HTML:
<!-- WhatsApp Butonu -->
<a href="https://wa.me/yourphonenumber" class="whatsapp-button" target="_blank">
    <img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="WhatsApp Destek" width="50" height="50">
</a>

<style>
    .whatsapp-button {
        position: fixed;
        bottom: 20px;
        right: 20px;
        z-index: 1000;
    }
    .whatsapp-button img {
        width: 50px;
        height: 50px;
    }
</style>
3. https://wa.me/yourphonenumber kısmını, daha önce oluşturduğunuz WhatsApp linki ile değiştirin. Örneğin, https://wa.me/905551234567 gibi.

Adım 4: Değişiklikleri Kaydetme

  1. HTML ve CSS kodlarını ekledikten sonra, Tema Kaydet butonuna tıklayarak değişiklikleri kaydedin.
  2. Blogunuzu ziyaret ederek WhatsApp butonunun doğru bir şekilde çalışıp çalışmadığını kontrol edin.
İsteğe Bağlı: Butonun Görünümünü Özelleştirme

WhatsApp butonunun görünümünü daha çekici hale getirmek için CSS kodlarını özelleştirebilirsiniz. Örneğin, butonun boyutunu, rengini veya konumunu değiştirebilirsiniz.

CSS:
.whatsapp-button {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1000;
    background-color: #25D366;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.whatsapp-button img {
    width: 40px;
    height: 40px;
}
Bu özelleştirmeler, butonun daha modern ve kullanıcı dostu görünmesini sağlayacaktır.

Sonuç
Blogger'a WhatsApp destek butonu eklemek, ziyaretçilerinizle iletişimi kolaylaştıran ve blogunuzun profesyonel görünmesini sağlayan basit bir yöntemdir. Yukarıdaki adımları takip ederek, kısa sürede blogunuza bir WhatsApp butonu ekleyebilir ve ziyaretçilerinizin size daha kolay ulaşmasını sağlayabilirsiniz.

Unutmayın, etkili bir iletişim, blogunuzun başarısını artırmada önemli bir rol oynar. WhatsApp destek butonu, bu iletişimi güçlendirmek için harika bir araçtır.
 
Üst