How to Add WhatsApp Chat Widget in Blogger Blog

 

What's app chat button code for blogger  

Hi friends, today we are discussing about how to add what's app widget for blogger blog. I will give some steps you should follow those steps so it will become very simple. and I give code below for widget adding you download that code and follow those steps. 

Steps To Add What's App chat widget in blogger 

1. First you have open blogger 👉 blogger
2. go to theme or template section
3. and simply follow below steps

for CSS code 👇👇

• open blogger 
• click  on left bar for theme option
• than, click on theme and edit html.
• search for " ]]></b:skin>"
• paste the CSS code above the  "]]></b:skin>"
• Finally save the template

for HTML code:

steps to follow:

• again open blogger and click on theme 
• and edit html search for "</body>"
• paste the HTML code above the "</body> "tag
• and save 

for java script :

steps to follow:

• edit HTML
• search for "</body>" 
• paste the coped java scrit code above "</body>"
• and save the template 

click the below link to download the html, CSS, java script code for free

After you've added the source code to your blogger html code , you'll see a floating WhatsApp chat icon in the bottom right side.

I hope you like this process Thank you for reading this article. comment below if you have any doubt.