blogging

Blog Me Facebook Messenger Chat Widget Kaise Lagaye

Want create site? Find Free WordPress Themes and plugins.

Hello Guys Apne Blog Me Facebook Ka Messenger Chat Ke Widget Ko Kaise Lagaye. Aaj Main Aapko Yaha Par Blog Me Chat Widget Lagane Ke Baare Me Batane Vala Hu. Jaise Ki Aapko Bhi Pata Hain. Facebook Messenger Chat Widget Ko Laga Kar Aap apne Visitors Se Direct Aapki Website Se Chat Kar Sakte Hain. Users Ko Apni Problem Batane Or Uska Solution Paane Me Better Result Milega.

Facebook Aaj Duniya Ka Sabse Popular Hai Or Lagbhag Har Multimedia User Fb Ka Use Karta Hain. Jisse Ki Aapko Apne Users Me Jayada Increasement Milega. Ise Messenger Chat Ke Widget Ko Lagana Bahut Hi Saral Hai Aap Ise Apne Blogger Par Bhi Laga Sakte Hain. Too Chaliye Main Aapko Iske Baare Me Kuch Or Bhi Acchi Jankari De Deta Hu Jiska Aapko Faiyda Milega.

Blog Me Facebook Messenger Chat Widget Kaise Lagaye

Ise Apne Blog Par Setup Karne Me Aapko Kuch Bhi Dikkat Nahi Aati Hain. Also Ye Bahut Hi Lite Weight Hai Jisse Aapke Blog Ka Page ka Load Time Bhi Increase Nahi Hota Hain.

Yah Aapki Website Par Aaye Visitors Ko Contact Karne Ka Bhi Moka Deta Hain. Jisse Ki Viewers Blog Ke Owner Se Direct Contact Kar Sake. Bahut Se Baar Ise Visitors Ko Author Se Contct Karne Me Kuch Muskile Hoti hain. But Agar Aapne Is Chat Widget Ko Add Kar Liya Hai To Kisi Bhi Tarah Ki Preshani Nahi Hogi.

Messenger Chat Kya hai

Yah Ek widget Hai Jise Hume Apne Blig Me Html Ki Helo Se Add Karna Padta Hain. Also Yah Ek Facebook Ke Chat Se Base Hota Hain. Isse Website Par Aaye Visitors Blog Ke Author Ko Direct Without Any Problem Usse Contact Kar Sakte Hain. Yah Hum Apne Visitor Ko Aachi Service Or At A Time Help Ke Liye Add Karte Hain. Ise Lagane Me Bhi Jayada Probkem Nahi Hota Hai. But Yah Aapke FB Page Ki Link Se Attach Hota Hai Or Vahi Par Chatting Hoti Hai Author Or Visitor Ke Beech Me.

Blog Me Messenger Chat Widget Kaise Lagaye

Iske Baare Me Maine Upper Kuch Details Se Bataya Ab Main Ise apne Blig Me Lagane Ke Baare Me Bata Raha Hu. Yah Bahut Hi Saral Si Steps Hai Jinhe Aapko Follow Karna Hain. Agar Aapko Koi Preshani Aaye To Aap Humse Puch Sakte Hain. Bas Ab Aapko Niche Diye Hue Messenger Chat Ke code Ko Ek Html Widget Me Lagana Padega.

Steps To Add Facebook Messenger Chat Widget In Blogger Or WordPress

Step 1. Sabse Pahle Aapko Apne Blogger Ya WordPress Account Ko Open Karke Dashboard Par Jana Hain.

Step 2. Ab Aapko Blogger Me Layout Or WordPress Me Appearance WIDGETS Par Jana hai.

Step 3. Ab Niche Diye Hue Code Ko Copy Kare.

 

<style>.fb-livechat,.fb-widget{display:none}.ctrlq.fb-button,.ctrlq.fb-close{position:fixed;right:24px;cursor:pointer}.ctrlq.fb-button{z-index:1;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB3aWR0aD0iMTI4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxyZWN0IGZpbGw9IiMwMDg0RkYiIGhlaWdodD0iMTI4IiB3aWR0aD0iMTI4Ii8+PC9nPjxwYXRoIGQ9Ik02NCwxNy41MzFjLTI1LjQwNSwwLTQ2LDE5LjI1OS00Niw0My4wMTVjMCwxMy41MTUsNi42NjUsMjUuNTc0LDE3LjA4OSwzMy40NnYxNi40NjIgIGwxNS42OTgtOC43MDdjNC4xODYsMS4xNzEsOC42MjEsMS44LDEzLjIxMywxLjhjMjUuNDA1LDAsNDYtMTkuMjU4LDQ2LTQzLjAxNUMxMTAsMzYuNzksODkuNDA1LDE3LjUzMSw2NCwxNy41MzF6IE02OC44NDUsNzUuMjE0ICBMNTYuOTQ3LDYyLjg1NUwzNC4wMzUsNzUuNTI0bDI1LjEyLTI2LjY1N2wxMS44OTgsMTIuMzU5bDIyLjkxLTEyLjY3TDY4Ljg0NSw3NS4yMTR6IiBmaWxsPSIjRkZGRkZGIiBpZD0iQnViYmxlX1NoYXBlIi8+PC9zdmc+) center no-repeat #0084ff;width:60px;height:60px;text-align:center;bottom:24px;border:0;outline:0;border-radius:60px;-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease;background-size:80%;transition:all .2s ease-in-out}.ctrlq.fb-button:focus,.ctrlq.fb-button:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.09),0 4px 40px rgba(0,0,0,.24)}.fb-widget{background:#fff;z-index:2;position:fixed;width:360px;height:435px;overflow:hidden;opacity:0;bottom:0;right:24px;border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;box-shadow:0 5px 40px rgba(0,0,0,.16);-webkit-box-shadow:0 5px 40px rgba(0,0,0,.16);-moz-box-shadow:0 5px 40px rgba(0,0,0,.16);-o-box-shadow:0 5px 40px rgba(0,0,0,.16)}.fb-credit{text-align:center;margin-top:8px}.fb-credit a{transition:none;color:#bec2c9;font-family:Helvetica,Arial,sans-serif;font-size:12px;text-decoration:none;border:0;font-weight:400}.ctrlq.fb-overlay{z-index:0;position:fixed;height:100vh;width:100vw;-webkit-transition:opacity .4s,visibility .4s;transition:opacity .4s,visibility .4s;top:0;left:0;background:rgba(0,0,0,.05);display:none}.ctrlq.fb-close{z-index:4;padding:0 6px;background:#365899;font-weight:700;font-size:11px;color:#fff;margin:8px;border-radius:3px}.ctrlq.fb-close::after{content:'x';font-family:sans-serif}</style>

<div class="fb-livechat">
  <div class="ctrlq fb-overlay"></div>
  <div class="fb-widget">
    <div class="ctrlq fb-close"></div>
    <div class="fb-page" data-href="https://www.facebook.com/deepkaksiya/" data-tabs="messages" data-width="360" data-height="400" data-small-header="true" data-hide-cover="true" data-show-facepile="false">
      <blockquote cite="https://www.facebook.com/deepkaksiya/" class="fb-xfbml-parse-ignore"> </blockquote>
    </div>
    <div class="fb-credit"> 
      <a href="https://www.deep4u.com/facebook-messenger-chat-widget/" target="_blank">Facebook Chat Widget by Digital Inspiration</a>
    </div>
    <div id="fb-root"></div>
  </div>
  <a href="https://m.me/deepkaksiya" title="Send us a message on Facebook" class="ctrlq fb-button"></a> 
</div>
	
<script src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.9"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>$(document).ready(function(){var t={delay:125,overlay:$(".fb-overlay"),widget:$(".fb-widget"),button:$(".fb-button")};setTimeout(function(){$("div.fb-livechat").fadeIn()},8*t.delay),$(".ctrlq").on("click",function(e){e.preventDefault(),t.overlay.is(":visible")?(t.overlay.fadeOut(t.delay),t.widget.stop().animate({bottom:0,opacity:0},2*t.delay,function(){$(this).hide("slow"),t.button.show()})):t.button.fadeOut("medium",function(){t.widget.stop().show().animate({bottom:"30px",opacity:1},2*t.delay),t.overlay.fadeIn(t.delay)})})});</script>

Step 4. Is Codes Ko Aapko Add Html Me Paste Karna Hain.

Note: Isme Apne Facebook Page Ka url Add Kare.

Jaha Par  https://www.facebook.com/deepkaksiya/ url Hai vaha Par Apna fb Page Url Add Kare.

Blog Me Read More Button Kaise Lagaye.

Blogger Me Meta Tags Seo Description Add Kaise Kare.

Ab Is Chat Widget Ko Add Kare or Save Par Click Kare. Ab Aap Apni website ko pc Me Open karke Dekhe Ki yah Messenger Chat Ka Widget Sahi Work Kar Raha Hai Ya Nahi.

So Dosto Ab Aapke Blog Par Messenger Chat Widget Add Ho Chuka Hai. Now aapke Har Pc Users Ko Yah Message shiw Hoga Aap Ise Check Kar Sakte Hai. Also Aapki Helo bhi le Sakte Hai Aapki Site Ke Visitors.

Whatsapp Share Buttons Blog Me Kaise Lagaye.

Blog Me Sitemap Submit Kaise Kare.

Friends Ab Hume Bataye Hi Humara Kiya Hua Facebook Messenger Chat Widget blog me Add Kaise Kare Post kaise Laga. Agar Aapko kisi tarah Ki Problem Hai to Aap hume Bataye Main Aapki help karunga.

Did you find apk for android? You can find new Free Android Games and apps.

About the author

Deep kaksiya

2 Comments

Leave a Comment