<ul id="comments-tabs">
    <li class="static">Comments:</li>
    <li data-service="disqus" data-div="comments_disqus">Disqus</li>
    <li data-service="google" data-div="comments_google">Google+</li>
</ul>

<div id="comments_disqus" class="comments-tab">
    <div id="disqus_thread">Loading <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus</a>…</div>
    <script type="text/javascript">
        /* * * CONFIGURATION VARIABLES * * */
        var disqus_shortname = 'mb-wiki';
        var disqus_identifier = '{% if page.id %}{{ page.id }}{% else %}/index{% endif %}';
        var disqus_title = '{{ page.title }}';
        var disqus_url = '{{ site.url }}{{ page.url }}';
    </script>
</div>

<div id="comments_google" class="comments-tab">
    <div class="g-comments" data-href="{{ site.url }}{{ page.url }}" data-width="868" data-first_party_property="BLOGGER" data-view_type="FILTERED_POSTMOD">Loading Google+ comments…</div>
</div>
