whatsapp button add

 

व्हाटसप बटन जोड़ने के लिए सबसे पहले अपने ब्लॉगर के थीम में जाय और edit html पर क्लीक करे और उसके बाद ctrl+F क्लीक करके ]]></b:skin> search करें फिर उसके ऊपर निचे दिए code को पेस्ट करें

.whatsapp-btn-container {

    position: fixed;

    right: 30px;

    opacity: 0;

    bottom: -50px;

    padding: 24px;

    animation: fade-up 1000ms forwards;

    animation-delay: 1000ms;

}

@keyframes fade-up {

    100% {

        bottom: 24px;

        opacity: 1;

    }

}

.whatsapp-btn-container .whatsapp-btn {

    font-size: 48px;

    color: #25d366;

    display: inline-block;

    transition: all 400ms;

}

.whatsapp-btn-container .whatsapp-btn:hover {

    transform: scale(1.2);

}

.whatsapp-btn-container span {

    position: absolute;

    top: 0;

    left: 4px;

    font-family: "Roboto", sans-serif;

    font-weight: bold;

    color: #075e54;

    transform: rotateZ(20deg) translateX(10px);

    opacity: 0;

    transition: all 400ms;

}

.whatsapp-btn-container .whatsapp-btn:hover + span {

    transform: rotateZ(0deg) translateX(0px);

    opacity: 1;

}

उसके बाद </body> search करें और उसके जस्ट ऊपर निचे दिए code को पेस्ट करें और मोबाइल नंबर को अपना मोबाइल नंबर से बदल ले

  <div class="whatsapp-btn-container">

        <a class="whatsapp-btn" href="https://wa.me/91999999999"><i class="fab fa-whatsapp"></i></a>

        <span>Contact Us</span>

    </div>

फिर थीम को सेव कर ले बस हो गया