wordpress sitede instagram ve whatsapp butonu

sayfada kayacak şekilde böyle gözükecek eklenti var mı acaba

Ücretli eklentilerle yapılıyor

hocam ücretli yardımcı olabilirim

Kimsenin kazancını baltalamayayım ama ücretsiz şekilde çok kolay halledebilirsiniz. Ben, Chaty kullanıyorum.

teşekkürler hocam ücretsiz bulurum inşallah
teşekkürler hocam

woodmartın kendi içinde var ama renkleri böyle oluyor kötü duruyor mobilde gözükmüyor alternatif bir şey arıyorum belki bilen vardır bakalım

Beğendiğin bir sitede varsa göster yaparız hocam.

Sol tarafta yine bu şekilde gözükse yeter orjinal rengi olsun istiyorum sadece

<!-- HTML: Kayarak Kayacak Sosyal Medya Logoları -->
<div class="social-icons-scroll">
    <a href="https://www.instagram.com" target="_blank">
        <img src="https://upload.wikimedia.org/wikipedia/commons/a/a5/Instagram_icon.png" alt="Instagram">
    </a>
    <a href="https://wa.me/yourphonenumber" target="_blank">
        <img src="https://upload.wikimedia.org/wikipedia/commons/6/69/Whatsapp.svg" alt="WhatsApp">
    </a>
</div>

<!-- CSS: Kayma Animasyonu ve Stil -->
<style>
    .social-icons-scroll {
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        width: 100%;
        height: 50px; /* Kayma alanının yüksekliği */
        position: relative;
        background-color: #f0f0f0;
    }

    .social-icons-scroll a {
        display: inline-block;
        margin: 0 15px;
    }

    .social-icons-scroll img {
        width: 40px; /* İstenilen boyut */
        height: auto;
    }

    @keyframes scroll-icons {
        0% { transform: translateX(100%); }
        100% { transform: translateX(-100%); }
    }

    .social-icons-scroll {
        animation: scroll-icons 10s linear infinite;
    }
</style>

<!-- JavaScript: Sonsuz Kaydırma Efekti -->
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const scrollContainer = document.querySelector('.social-icons-scroll');
        const scrollContent = scrollContainer.innerHTML;

        scrollContainer.innerHTML += scrollContent; // İçeriği kopyalayarak sonsuz kayma sağla
    });
</script>

Fikir vermesi açısında bu kodu bir dene

Aradığınız eklenti: Simple Floating Menu