Sunday, November 5, 2017

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 vistor apke blog me aapse live rhe skate hai.  I Mean reader aapse Direct facebook chat widget me bat kar payenge. becouse live chat widget me kiye gaye question apke facebook profile me recieve  honge

.
add facebook chat widget in website blog


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 vistor ko  sath jude rehne ke liye. to Chaliye Jante hai. Blog website me  live facebook chat widget kaise add kare.

 🔵 50+ Blogger widgets Blog website ke liye.
 🔵 5+ Best Blogger post headings style.
 🔵 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='https://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='http://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='http://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 = "http://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.  Becouse reader  website per live chat systm per apse assani se contect ho payenge.

     🔵 15+ Most Useful Blogger Widgets.
     🔵 stylish slider demo and download button.
     🔵 stylish email subscribtion widget blog ke liye.

      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.

      Yeh Bhi Pade:-
       🔵 Stylish Breaking news ticker blog website ke liye
       🔵 blog post me code box kaise use kare.
       🔵 5 stylish blogge labels widgets.
       🔵 Blog ke liye best floating share buttons.
       🔵 Most Useful All blogger widgets.



      About Author:-author Hello everyone my name is sultan i am sharing in this Blog About Blogging And technology Make Money online, Web Design, Internet Tips And tricks Etc Unique Article Everyday. Learn something new here....

      Let's Get Connected:- Facebook | Twitter | Google Plus

      0 comments: