Ad Networks Reviews Ad Posting Adobe Photoshop Adobe Photoshop CS3 Adsense Advertising Definition Affiliate Afganistani Channels Alternate Android App Android Mobile as Webcam for PC – Wi-Fi & USB Mode AntiVirus Any Video Converter Apps Arabsat Argent Global Network Avira Biss Keys Black Friday Blog Design Blogger Templates Blogging Blogging Tools Branch Less Banking Broadband Tips Browsers CCcam Section CD and DVD Channel News Channel Updates Chargi Chrome Cinco De Mayo Comments computer Contact Forms Converter CPA CPC CPL CPM CPT CPV Cryptoworks Keys CSS & HTML CTR Cyber Monday DCW Keys Dictionary Digads Digital Receivers Dish Tv Dish Tv Bazar Djuice DM Digital Add New Channel Paksat IR at 38°East Downloader Dreambox Driver Updates Easypaisa Echolink Encryption Software English to Urdu and Urdu to English Dictionary Entertainment Channels Exchange Rate Facebook Fight Sport Firefox Flash Sale Format Factory 3.0 Free Download Wedding Album Maker Gold Software Frequencies Google Chrome Graphics Hosting Sale Hostings Hotspot Shield How To How to Download YouTube Videos on Android Devices How to Generate Adsense Revenue IDM Imtoo Video Converter Indian Channels Infolinks Internet Internet Download Manager Irdeto Keys IT News IT Tips Labels Language Softwares Live Channels Make Money Mardi Gras Sales Media Players MicroBox Mix Receivers Mobilink 3G Mobilink Offers MoboLive Review – Download (.apk) for Android Mozilla MP3 Cutter Mystery Sales NBA POOL EUROPE 1 Update New Biss Key Neosat Nero Burnning Rom 11 News Channels Offers okpay Online Payment Processors Online Sales Online Services OpenBox Optimization Tools Pakistani Channels Paksat Password Manager Payoneer Payza PC Drivers Perfectmoney Photo Editors Pixillion Image Converter 2.28 Posts PowerVu Keys PPC PPV PTC Ptcl Offers Regional Channels Religious Channels RoboForm RPM Samsung J7 Pro Samsung Mobiles Satellite News Satellite Tips and Tricks SEO Tips Sim Lagao Offers Snappy's Birthday Sales Social Media Social Media Exchange Sites Softcam Keys Softwares Sports Channels Sports News Spring Sale St.Patrick's Day Star Track Starsat System Tools Telecomunication Telenor 3G Telenor Offers TeraCopy Full Version Tiger Sat Tiger T800 Mini HD Digita Satellite Receiever New Software Top 10 Top 5 Highest AdSense Earners in the World Total Video Converter 3.61 Tour De Rouge Sale TP Link u Torrent Ufone Offers Ulead 3d 3.5 UltraISO Premium Edition 9 Uploading Valentine's Day Sales Viaccess Keys Video Marketing Video Monetization VLC media player Warid 3G 4G Packages Warid Offers Web Freer 2013 Web Traffic Widgets Windows Wingle WinRAR 4.02 WinZip Pro 17.0 Withdraw Money in Pakistan Wordpress Xiaomi Yayvo Zam tv On Paksat IR at 38°East Zong 3G and 4G LTE Zong Offers Zong Sim Lagao Offer

Its debatable topic which commenting system is useful for blogger while there is many platform like Disqus, Facebook, Livefyre and so on, As we use all we found that all commenting system have there own benefits so we think and now here to share all of you how to add disqus, facebook and blogger comments system together. Yes its possible to add multiple commenting system with blogger's default commenting system.
How To Add Disqus Facebook and Blogger Default Commenting System Together
How To Add Disqus Facebook and Blogger Default Commenting System Together
  • First of all must have FB page app id and Disqus account.
  • Login to your blogger blog and backup-ed your blogger template.
  • After getting backup go to Blogger Dashboard > Template > Edit HTML
  • Press CTRL+F to found below head tag.
</head>
  • Just above/before </head> tag paste below code.
<meta content='itsatblogger' property='fb:admins'/>
<meta content='3840756250xxxxx' property='fb:app_id'/>
<script src='http://code.jquery.com/jquery-latest.pack.js'/>
<script src='http://tipsviablogging.github.io/tvbcommentstyle.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
  • Note:  Replace itsatblogger with with your own personal facebook username.
  • replce 3840756250xxxxx with your own facebook App Id.
  • Now search below code, Maybe you found it 2 or 3 times.
<div class='comments' id='comments'>
  • Paste below code after every above code (<div class='comments' id='comments'>) you found.
  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <div class='js-default-tab comments-tab' id='blogger-comments' title='Comments from Blogger'>
        <data:post.numComments/>
            Comments
            </div>
            <div class='comments-tab disqusbutton' id='disqus-comments' onclick='load_disqus()' title='Comments with Disqus'>
            <a alt='submit' class='dsq-comment-count comment-link commentslink' expr:href='data:post.url + &quot;#disqus_thread&quot;' style='text-decoration: none; color: #ffffff'/>
            Disqus
            </div>
            <div class='comments-tab' id='fb-comments' title='Comments made on Facebook'>
            <fb:comments-count expr:href='data:post.url'/>
            Fb Comments
            </div>
            <div id='get-this' style='float: Right' title='Get This Comments Plugins'>
                          <a href='http://www.itsatblogger.com/2015/11/how-to-add-disqus-facebook-and-blogger.html
' style='text-decoration: none;' target='_blank'>
                            <span style='color: #999999;'>
                              [Get It]
                            </span>
                          </a>
                        </div>
                      </b:if>
                      <div class='clear'/>
                    </div>
                    <div class='comments-page' id='disqus-comments-page'>
                      <div id='disqus_thread'/>
                      <b:if cond='data:blog.pageType == &quot;item&quot;'>
                        <div id='disqus_thread'/>
                        <div id='disqus_loader' style='text-align: center'>
                          <script>
                            function load_disqus()     {       var dsq = document.createElement(&#39;script&#39;); dsq.type = &#39;text/javascript&#39;; dsq.async = true;       dsq.src = &quot;http://nusratcollection.disqus.com/embed.js&quot;;       (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(dsq);       var ldr = document.getElementById(&#39;disqus_loader&#39;);       ldr.parentNode.removeChild(ldr);     }   </script>
                        </div>
                      </b:if>
                </div>
                <div class='comments-page' id='fb-comments-page'>
                <b:if cond='data:blog.pageType == &quot;item&quot;'>
                <fb:comments-count expr:href='data:post.url'/>
                <b>
                Comments :
                </b>
                <br/>
                <br/>
                <fb:comments expr:href='data:post.url' num_posts='10' width='500'/>
                </b:if>
           </div>
     <div class='comments comments-page' id='blogger-comments-page'>
  • Now search for body tag.
</body>


Detail
  • Paste following code just above/before </body> tag.
<script type='text/javascript'>
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = &#39;Disqus-Site-Name&#39;; // required: replace example with your forum shortname
/* * * DON&#39;T EDIT BELOW THIS LINE * * */
(function () {
var s = document.createElement(&#39;script&#39;); s.async = true;
s.type = &#39;text/javascript&#39;;
s.src = &#39;//&#39; + disqus_shortname + &#39;.disqus.com/count.js&#39;;
(document.getElementsByTagName(&#39;HEAD&#39;)[0] || document.getElementsByTagName(&#39;BODY&#39;)[0]).appendChild(s);
}());
</script>
  • Replace red colored Disqus-site-name with your own Disqus site username.
  • Save your template.

Note: If you find any trouble regarding appearance of 3 comment box change the comment setting, Go to Setting > Post and Comment > In field of comment location select option "Embedded or Full Page" and check it respectively.

In this widget we used "onclick" events to disqus comment, it means disqus comment will load only when visitors click on disqus button. So it will not take unnecessary loading time. By adding Multiple comment system widget in blogger blog , Visitors have more options to share their thoughts, view, suggestions or query due to multiple logins facilities available to them.

Post a Comment

Anonymous said... 16 July 2018 at 16:15

If you want to add the discuss in the facebook and also want to added in the blogger. That time we mostly saw programmers who can do many https://topamericanwriters.com/bestdissertation-com-review/ things for the people .And all that things are best for them because they are doing same work like that.

simran said... 18 August 2018 at 12:10

Window update is sometimes underestimate as a cornestone of your system integrity and security microsoft regularly delivered security patches so if the survice stop and you cant find how to fix error code 0x800705b4 window can become vulrable to bug and security holes the update problem is greatly streamlined for wimdow 10.

Author Name

{picture#http://1.bp.blogspot.com/-60UhuKBkPJg/VqtduelZhHI/AAAAAAAAdUM/VR5bHxk6PMk/s1600/itsatblogger%2Bauthor.jpg} Hello Friends, My name is Muhammad Ahsan Yousuf founder of ITSATBLOGGER and Nusratcollection.com. I'm not guru in blogging but love it try to deliver good and informative content and news to my readers. {facebook#https://www.facebook.com/ahsan9226} {twitter#} {google#https://plus.google.com/u/0/+MuhammadAhsan871} {pinterest#YOUR_SOCIAL_PROFILE_URL} {youtube#YOUR_SOCIAL_PROFILE_URL} {instagram#YOUR_SOCIAL_PROFILE_URL}

Contact Form

Name

Email *

Message *

Powered by Blogger.

itsatblogger