Skip to main content

How To Add Facebook Messenger Chat Button In Blogger Blog ?

How To Add Facebook Messenger Chat Button In Blogger Blog : 


Add Facebook Messenger Chat Button In Blogger Blog : 


Follow the steps below :


1. Log In Blogger >> 2. Dashboard >> 3. +add a Gadget >> 4. HTML/JavaScript

Copy the below code and paste it in HTML/JavaScript content


<div style="position: fixed; bottom: 20px; right: 20px; z-index: 9999;">

  <a href="https://m.me/YOUR_PAGE_USERNAME" target="_blank" 

     style="background-color: #0084ff; color: white; padding: 10px 15px; border-radius: 30px; text-decoration: none; font-family: Arial; font-size: 14px; box-shadow: 0 4px 12px rgba(0,0,0,0.2); display: flex; align-items: center;">

    <img src="https://cdn-icons-png.flaticon.com/512/1384/1384005.png" style="width: 20px; height: 20px; margin-right: 8px;" alt="Messenger" />

    Chat with us

  </a>

</div>


Note : Add your Facebook page username in place of your YOUR_PAGE_USERNAME.

  • Now Save the HTML/JavaScript and also save the layout settings. 
Now refresh your blog and see that the Facebook Messenger chat button will have been added.

Labels:

Comments

Post a Comment

Popular posts from this blog

How To Publish Your First Post On Blogger Blog

After creating a Blogger blog, how do you write posts on the blog? And how to publish them? You will not have any information about this. Because you are new. Publishing posts on a Blogger blog is very easy, but we have to pay a lot of attention to some things. Because without SEO your post will not rank in the search engine. And you should know that if the post is not on top then high quality traffic will also not come and if you want to earn income from it, then you should publish good posts on the blog in which SEO is also necessary. While writing posts on a Blogger blog, we have to pay more attention to SEO, but right now in this post "How to publish the first post on Blogger blog? I am giving its basic information. So let's know....... How To Publish Your First Post On Blogger Blog ? I have shared step by step information about publishing your first post on Blogger blog, that too with images, please read it carefully. First of all log in to the Blogger blog. Now go to th...
Post a Comment
Read more

How To Add Stylish Underline Link Button In Blogger Blog

How To Add Stylish Underline Link Button In Blogger Blog : Stylish Underline Link Button Preview Follow the steps below : 1. Log In Blogger >> 2. Dashboard >> 3. +add a Gadget >> 4. HTML/JavaScript   Copy the below code and paste it in HTML/JavaScript content. <a href=" https://bloggerorigin.blogspot.com " target="_blank" style="   color: #1a0dab;   text-decoration: none;   font-size: 16px;   font-family: Arial, sans-serif;   border-bottom: 1.5px solid #1a0dab;   padding-bottom: 2px; "> Everything About Blogger – In One Place </a> Note: Add the URL of your blog in place of https://bloggerorigin.blogspot.com where you have highlighted it.  Now Save the HTML/JavaScript and also save the layout settings.  Now you will see that a stylish underline link button will have been added to your blog.
Post a Comment
Read more

How To Add Simple Auto Updated HTML Sitemap In Blogger Blog

How To Add Simple Auto Updated HTML Sitemap In Blogger Blog : First of all log in to Blogger.  Then click on Page in blog Dashboard. Now write Sitemap in Title and copy and paste the given code in content. <style> .simple-sitemap a {   color: #1a0dab;   text-decoration: none;   font-size: 16px;   display: block;   margin: 6px 0; } .simple-sitemap a:hover {   text-decoration: underline; } </style> <div class="simple-sitemap" id="simple-sitemap">⏳ Sitemap is loading, please wait...</div> <script> fetch('/feeds/posts/summary?alt=json&max-results=999')   .then(res => res.json())   .then(data => {     let posts = data.feed.entry;     let html = '';     posts.forEach((post, index) => {       let title = post.title.$t;       let url = post.link.find(l => l.rel === 'alternate').href;       html += `<a href="${url}" target="_blan...
Post a Comment
Read more

How To Add Twitter Follow Button In Blogger Blog

We add different widgets in Blogger blog, but many bloggers want to add Twitter follow button widget in their blog so that whenever a visitor comes to our blog, he can follow us directly from the blog. Twitter is a very good platform for increasing blog traffic. Because mostly big people have accounts here and there are not many fake accounts. Before adding the Twitter follow button widget to your blog, if you do not have an account on Twitter, then first create your account and if you have an account, then please follow us on Twitter so that our posts reach you first. How To Add Twitter Follow Button In Blogger Blog Information on adding Twitter follow button in Blogger is shared below, I hope you will like it. First, log in to blogger and go to the blog's Dashboard .  Then click on Layout . Then click on the + Add Gadget on the side where you want to add the Twitter button. Now all the widgets of the blog will open, click on HTML/Javascript in it. Then in the page that opens, ...
Post a Comment
Read more