Kode script button floating di php

Berikut adalah kode melayang yang bisa Kamu pasang di blog, web , php , whmcs , ini sengaja saya simpan di web ini agar ingat di suatu saat .

<!-- WhatsApp Floating Button -->
<a href="https://wa.me/6282299888328?text=Min%20saya%20sudah%20bayar%2C%20mau%20konfirmasi" class="whatsapp-button" target="_blank">
    <span class="whatsapp-text">Konfirmasi Pembayaran</span>
    <i class="fab fa-whatsapp"></i>
</a>

<!-- CSS Style -->
<style>
    .whatsapp-button {
        position: fixed;
        bottom: 20px;
        right: 20px;
        background-color: #25d366;
        color: white;
        border-radius: 25px;
        padding: 10px 15px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        z-index: 9999;
        display: flex;
        align-items: center;
        text-decoration: none;
    }

    .whatsapp-button:hover {
        background-color: #128c7e;
    }

    /* Bubble Styling */
    .whatsapp-bubble {
        position: absolute;
        top: -10px;
        right: -10px;
        background-color: #ff4d4d;
        color: white;
        padding: 5px 10px;
        border-radius: 20px;
        font-size: 12px;
        font-weight: bold;
        display: inline-block;
    }

    /* Styling for the text */
    .whatsapp-text {
        color: white;
        font-size: 14px;
        font-weight: bold;
        margin-right: 10px; /* Space between text and icon */
    }

    /* FontAwesome Icon Styling */
    .whatsapp-button i {
        font-size: 30px;
        color: white;
    }
</style>

<!-- FontAwesome (untuk WhatsApp icon) -->
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
See also  Jasa SEO murah untuk website kecil

Related Post

No comments