ByMr. Sultan Posted on Design Blog

Blog Me Facebook Chat Widget Kaise Add kare.

Blogger per Apne question answer commenting and frums se hi kiye jate hai. Isliye reder ko apne Question ka Answer ka thoda wait karna padta hai.  Mene apke blog ke liye live facebook chat widget design kiya hai.

Jisse visitor apke blog me aapse live rahe skate hai.  I Mean reader aapse Direct facebook chat widget me bat kar payenge. because live chat widget me kiye gaye question apke facebook profile me recieve  honge

live chat widget

.

Jisse Reader ko Apne answer ka fastly reply Mil jayega. WordPress blog live chat widgets ke liye plugins ka use kar skate hai. Lekin Plugins ko buy karne ke bad blog me use kar sakte hai.

Aur blogspot me aap live facebook chat widget ka use kar skate hai. Apne visitor ko  sath jude rehne ke liye. to Chaliye Jante hai. Blog website me  live facebook chat widget kaise add kare.

🔵 5 Best custom serach box blog ke liye.

Agar Aap live facebook chat widget ka demo dekne dekna chahate hai. To nihce Demo button per click kariye. Dek Skate hai.
I hope apko Jaurur Passand Ayega.

How To  Add Facebook chat Widget To Blog website

Facebook Chat widget ko blog website me add karne ke liye post ko carefully read kare.

Step 1.

  1. Sabse pahale blogger dashboard me theme per click kare.
  2. Ab Edit HTML per click kare.
  3. Ab CTRL+F dabakar Search box me ]]></b:skin> code ko search kare
  4. Ab]]></b:skin> code ke piche Niche diye facebook chat widet css code ko add kare.

/*= facebook chat plugin by Blognetbook.com =*/ .choosetype {position:fixed; height:0px; bottom:0px; right:0px; width:455px; border:6px solid #0583f2; border-radius:3px;}   .choosetype.show {height:420px; display:block !important; background:#fff; padding:15px; z-index:99999999; overflow-y:auto; overflow-x:hidden;}   .boxshow {width: 260px;height:100px;overflow: hidden;position: fixed;right: 0px;bottom: 0px;z-index: 9999999;padding:15px; background:#0583f2; color:#fff; border-radius:3px;}   .boxshow .needtitle {font-size:18px; font-weight:700; margin-bottom:3px; display:inline-block}   .boxshow a, .boxshow p {color:#fff;} .boxshow p {margin-top:1px;margin-bottom:8px!important;}   .boxshow img {float:left; margin-right:5 20px; border-radius:100%; position: absolute;left: 25px;top: 25px; border:none}   .boxshow .moreinfo {float: left;width: 200px;float: right; text-align:center}   #clickme {background:#5EB800; padding:6px; border-radius:3px; cursor:pointer;margin-top:4px;}   .boxbix #clickmety {top:235px; position:fixed; right:440px; background:#0583f2; color:#fff; width:30px; height:30px; line-height:30px; text-align:center; z-index:-1; opacity:0; border-radius:3px;}   .boxbix #clickmety i {color:#fff !important; font-family:fontAwesome !important}   .hh {margin-top:18px;}  #clickme {font-family: ‘Montserrat’, sans-serif;}

Step 2.

  • Ab Dubara Search box </body> Type kare.
  • </body>Code Se phale niche diye gaye facebook chat widget code kok paste kar de.

<div class=’mydiv’> <div class=’boxshow’> <img caption=’Knigulper’ src=’httpss://2.bp.blogspot.com/-nEwgs5EbfVU/WcoPQWjW1qI/AAAAAAAAEUU/L1e6SfCUNF4JGQkQnmuSzgw2T1F03YHYQCLcBGAs/s1600/sultan-singh-founder-of-blognebook.png‘ width=’60’ height:’60’/> <div class=’moreinfo’> <a class=’needtitle’ href=’#’>Have a Question?</a><p>Leave A Message</p> <p class=’hh’><a id=’clickme’>Chat Now</a> </p> <p class=’get-this’ style=’margin-bottom:1px; margin-left:140px; padding-bottom: 0px;font-size:9px’> <a href=’https://www.knigulper.com/’ id=’get’>Get plugin</a></p> </div> </div> <div class=’boxbix’> <a id=’clickmety’><i class=’fa fa-close’/></a> <div class=’choosetype’ style=’display:none’> <div class=’fb-comments’ data-href=’https://www.knigulper.com’ data-numposts=’5′ data-width=’380’/> </div> <div class=’clear’/> </div>       </div> <script> //<![CDATA[  $(“#clickme”).click(function(){    $(“.choosetype”).toggleClass(“show”);    $(“#clickmety”).css({‘z-index’:’999999999999′,’opacity’:’1′,’display’:’block’});   });  $(“#clickmety”).click(function(){    $(“.choosetype”).toggleClass(“show”);    $(“#clickmety”).css({‘display’:’none’});   });   //]]> </script> <script> //<![CDATA[ (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = “https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=100008984281598“; fjs.parentNode.insertBefore(js, fjs); }(document, ‘script’, ‘facebook-jssdk’)); //]]> </script>

Customization:-
  • Image Link Ke Jagah Per Apne Image Ka Link Add kare.
  • Aur 107780726282725 Ke Jagah per Apne facebook profile ya page  id enter kare.
  • Finally Save Templete per click kar de.

Ab apke blog website me facebook chat widget add ho jayega. Blog me live facebook chat widget add karna bahut simple hai. Aur blog ke traffic ko badane me ye jarur help karega.  because reader  website per live chat system per apse assani se contect ho payenge.

🔵 stylish slider demo and download button.

I hope apko ye post passand ayi hogi. To is post ko spacially aap social media aur other blogger ke sath jarur share kare.

Aur agar facebook chat widget add karne me khoi problem ho to hame comment kar sakte hai.

Popular posts :-

Similar Posts