To add live chat widget to your blog, follow the guide below:
Step One: First, sign up at Mylivechat. Check your email and verify your account via the link sent in the email.
Step Two: Login to your Dashboard 
Step Three: Click on Deployment tab (located at the left menu options), then select Embedded Chat.
Step Four: Copy all the code from the box shown in the screenshot above.
Step Five: Login to your blogger Dashboard > Templates > Edit HTML
Step Six: Search for </body> and add the code you copied before the </body> tag
Should then look like this…
<!–Add the following script at the bottom of the web page (immediately before the </body> tag)–>
<script type=”text/javascript” async=”async” defer=”defer” data-cfasync=”false” src=”https://mylivechat.com/chatinline.aspx?hccid=xxxxxxxx“></script>
</body>
Note: XXXXXXX is your live chat ID.
Step 7: Save and exit.
Visit the downloads page to download the Windows, Android or iOS client. The web console does everything pretty cool though. Its your call!
Now launch your blog. The live chat widget should be floated at the bottom-left of all your blog pages. See example below
This is pretty easy to do. But if do not have basic understanding of HTML, please backup your template first. Just in case you mess things up.
