Disqus yorum sistemi Blogger'a manuel olarak nasıl eklenir?

Blogger'ın kendi yorum sistemini beğenmiyor ama başka da seçeneğiniz olmadığını düşünerek kullanmaya devam ediyorsanız, size güzel bir haberim var. DISQUS yorum ve tartışma sistemini blogunuza entegre ederek, size sağlayacağı; yorumları beğenme, gerçek zamanlı takip etme, farklı bloglara yazdığınız tüm yorumları aynı anda yönetme, sosyal medyada paylaşma, yoruma medya dosyası ekleme, captcha eklentisi kullanmadan spam yorumları engelleme, akismet desteği, gelişmiş moderatör araçları, kara liste oluşturma ve SEO uyumluluğu gibi bir çok özelliği kullanarak, daha etkileşimli bir bloga sahip olabilirsiniz.

Kurulum

• DISQUS'ı kurmaya başlamadan önce buradan blogumuzun kayıt işlemini gerçekleştiriyoruz. Site Identity adımında belirlediğimiz Shortname'i bir kenara not ediyoruz!

• Blogger Kumanda Paneli > Yerleşim > Gadget Ekle > HTML/JavaScript komutlarını uygulayarak yeni bir gadget oluşturuyoruz.

• Gadget'ı DISQUS olarak isimlendirip, içerik kısmına aşağıdaki kodu ekliyor ve kaydediyoruz.

  <!-- Disqus comments gadget -->
  

• Daha sonra kodlar içindeki değişiklikleri yapabilmek için Şablon > HTML’yi Düzenle > Devam Et > Widget Şablonlarını Genişlet komutlarını uyguluyoruz.
• CTRL+F tuş kombinasyonu yardımıyla DISQUS kelimesini aratıp buluyoruz.
• Bulduğumuz DISQUS kelimesi, aşağıdakine benzer bir kodun içinde yer almalıdır. (Eklediğimiz widget sizde HTML1 yerine HTML2, HTML8 gibi farklı bir id değerine sahip olabilir).

  <b:widget id='HTML1' locked='false' title='DISQUS' type='HTML'>
  

• İlk yapmamız gereken bu kodu aşağıdaki hale getirmek. (Siz HTML1 yerine kendi id değerinizi yazmalısınız).

  <b:widget id='HTML1' locked='false' mobile='yes' title='DISQUS' type='HTML'>
  

• Bu satırın devamında yer alan, aşağıdaki kodları siliyoruz.

  <b:includable id='main'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
      <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'>
      <data:content/>
    </div>
    <b:include name='quickedit'/>
  </b:includable>
  

• Sildiğimiz bu kodların yerine, aşağıdaki kodları ekliyoruz.

  <b:includable id='main'>
    <script type='text/javascript'>
      var disqus_shortname = &#39;SHORTNAME&#39;;
      var disqus_blogger_current_url =
      &quot;<data:blog.canonicalUrl/>&quot;;
      if (!disqus_blogger_current_url.length) {
      disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
      }
      var disqus_blogger_homepage_url =
      &quot;<data:blog.homepageUrl/>&quot;;
      var disqus_blogger_canonical_homepage_url =
      &quot;<data:blog.canonicalHomepageUrl/>&quot;;
    </script>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <style type='text/css'>
      #comments {display:none;}
    </style>
    <script type='text/javascript'>
      (function() {
      var bloggerjs = document.createElement(&#39;script&#39;);
      bloggerjs.type = &#39;text/javascript&#39;;
      bloggerjs.async = true;
      bloggerjs.src =
      &#39;http://&#39;+disqus_shortname+&#39;.disqus.com/blogger_item.js&#39;;
      (document.getElementsByTagName(&#39;head&#39;)[0] ||
      document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);
      })();
    </script>
    </b:if>
    <style type='text/css'>
      .post-comment-link { visibility: hidden; }
    </style>
    <script type='text/javascript'>
      (function() {
      var bloggerjs = document.createElement(&#39;script&#39;);
      bloggerjs.type = &#39;text/javascript&#39;;
      bloggerjs.async = true;
      bloggerjs.src =
      &#39;http://&#39;+disqus_shortname+&#39;.disqus.com/blogger_index.js&#39;;
      (document.getElementsByTagName(&#39;head&#39;)[0] ||
      document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);
      })();
    </script>
  </b:includable>
  

• Son olarak, eklediğimiz kodlarda yer alan SHORTNAME kelimesi yerine, ilk adımda bir kenara not ettiğimiz Shortname değerini yazıyor ve temamızı kaydediyoruz.

Ayarlar

Disqus yorum sisteminin ayarları ve kişiselleştirilmesi ile ilgili detaylı bilgilere bu bağlantıdan ulaşabilirsiniz.