Blogger Me WhatsApp Floating Button Kaise Add Kare: यदि आप अपने blogger blog में Whatsapp Chat Floating Button लगाना चाहता है तो आपको कुछ चीजे ध्यान में रखनी होगी, जिसे हम आपको इस पोस्ट में बताएँगे.
 |
| Blogger Me WhatsApp Floating Button Kaise Add Kare |
यदि आप यह सभी Steps अच्छे से Follow करते है तो आप बड़े ही आसानी से Blogger Me WhatsApp Floating Button Kaise Add Kare जान पाएंगे. तो आइए अब देर न करते हुए जानते है.
Blogger Me WhatsApp Floating Button Kaise Add Kare
Blogger में Whatsaap Floating Button लगाने से पहले यह जान ले की आपको यह बटन HTML Code के सहायता से लगनी होती है. इस लिए यदि आप अपने Blog का Theme Backup लेकर नहीं रखे है तो अभी सबसे पहले आपके Blogger Blog के Theme Backup ले कर साख ले.
जिससे आप Safely अपने Blog में Whatsaap Floating Button लगा सकते है. तो हमने यहाँ निचे इसके बारे में बताया है जिसे आप Follow कर सकते है.
Step1: सबसे पहले आप अपने Blogger के Theme settings में जाकर Edit HTML पर click करके अपने Theme का HTML पर जाए.
Step2: उसके बाद इस निचे दिये गए Code को </body> के ऊपर Paste कर दे.
<a href="https://wa.me/number" target="_blank" rel="noopener noreferrer" id="whatsapp-button">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/whatsapp/whatsapp-original.svg" alt="WhatsApp Chat" width="50"> </img>
</a>
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/whatsapp/whatsapp-original.svg" alt="WhatsApp Chat" width="50"> </img>
</a>
Note: आपको "https://wa.me/number" के अंदर Number के जगह में आप अपना Whatsapp Number 91 के साथ लिखे. इसके अलावा आपको इस Code में Whatsapp Icon Link भी Change करना होगा.
Step3: अब आप एक और Google Chrome Tab में एक New Page Open कर ले, जहाँ पर आपको Whatsapp का एक Icon Upload करना होगा, जिसकी Hight - 100px और Width - 100px रख सकते है और Icon आपका PNG Format में होना चाहिए.
Step4: Image Upload करने के बाद आप उस Page के HTML View में जाकर Image के Link को Copy करके Code के <img src=""> में Paste कर दे.
Step5: अब आपको Theme HTML को Save कर देनी है.
यदि आप इन सभी Steps को अच्छे से करते है तो देख पाएंगे की आपके Blog में भी Whatsaap Floating Button लग चूका चूका है. तो आप इस तरीके से बड़े ही आसानी से अपने Blog में भी Whatsaap Floating Button लगा सकते है.
