Tutorial Cara Menghilangkan Tombol Load Disqus Comment Pada Template ArlinaCode/IdnTheme

Tutorial Cara Menghilangkan Tombol Load Disqus Comment Pada Template ArlinaCode/IdnTheme



Apakah kamu menggunakan template dari mba arlina? nah tentu saja jika kamu memakai template dari mba arlina dengan versi disqus comment. kamu tentunya akan menemukan fitur disqus comment yang di hidden oleh mba arlina seperti pada gambar dibawah ini.


Sebenarnya fitur hidden Load Disqus Comment yang diberikan oleh mba arlina sendiri itu lebih baik. tujuannya memang sangat amat penting. yaitu untuk mempercepat load pada blog karena penambahan sebuah disqus comment mengurangi peforma atau kecepatan loading suatu blog jadi tentu saja fitur load disqus comment dipilih sebagai opsi yang bagus.

Akan tetapi mungkin kamu merasa khawatir. jika tombol fitur tersebut tidak segera dihilangkan maka 
pengunjung tidak bisa melihat daftar komentar disqus pada suatu artikel yang kamu miliki secara langsung dan ini akan berdampak kurangnya para komentator baru yang ingin melakukan komentar pada artikel blog milikmu.

Dibawah ini aku sudah memberikan rician tutorial bagaimana cara menghilangkannya. karena aku tau dan yakin sekali banyak dari kamu semua yang ingin mencari caranya. nah bagaimanakah tutorialnya? langsung saja ikuti tutorialnya kali ini :

Tutorial:

  1. Pertama-tama pastikan  login pada blogger dan disqus. (dan disini pastikan kamu sudah membuat installer kotak komentar disqus pada disqus sebelumnya. jika belum. maka click disini. buat dulu kotak komentar disqusnya. pastikan juga kamu mengingat "Website Name" disqus  yang sudah kamu buat disana. karena "Website Name" tersebut akan menjadi shortname nantinya.)
  2. Nah jika sudah maka click DISINI. 
  3. Nah kamu akan dibawa kehalaman installationnya langsung. 
  4. Disini click tombol "Add (nama blog kamu) to my blogger site".


  5. Nah disini widgetnya akan dibuat. pastikan pada "Pilih sebuah blog" tersebut sesuai dengan blog yang ingin kamu pasangkan kotak komentar disqusnya.
  6. Nah ganti  tulisan pada kotak kolom "Judul" tersebut dengan "Comment" tanpa tanda petik dua.


  7. Nah setelah itu click tombol "Menambah Widget" tersebut lalu tunggu hingga halaman penambahan widget ini berubah menjadi halaman tata letak dimana widget kotak komentar disqus tersebut dipasang.


  8. Nah jika sudah. pada blogger. masuklah ke menu "Tema" lalu click symbol segitiga mengarah kebawah tersebut disamping tombol "SESUAIKAN" berwarna orange itu. 
  9. Nah disini pilihlah "Edit HTML"
  10. Maka disini kamu akan dibawa ke halaman mode pengeditan template HTML milikmu.
  11. Nah sekarang carilah code seperti dibawah ini (click code dibawah 2x untuk mencopy codenya) :
    <b:includable id='comments' var='post'>
    <div id='disqusshow' onclick='load_Comments()'>
    <i class='fa fa-comments'/> Load disqus comments</div>
    <div id='disqus_thread'/>
      <div class='comments' id='comments'>
        <a name='comments'/>
        <h3>
          <b:if cond='data:post.numComments == 1'>
            1 <data:commentLabel/>:
          <b:else/>
            <data:post.numComments/> <data:commentLabelPlural/>
          </b:if>
        </h3>
    </div>
    </b:includable>
              <b:includable id='disqus-comment' var='post'>
                <script type='text/javascript'>
                    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:includable>
  12. Jika sudah menemukan code diatas.  maka hapus seluruh code tersebut.
  13. Lalu carilah code seperti dibawah ini juga. intinya agak mirip-mirip (click code dibawah 2x untuk mencopy codenya)
    var disqus_shortname = &quot;invisionnew&quot;;
    • Jika sudah ketemu maka tepat pada tulisan invisionnew tersebut dapat kamu ganti dengan nama shortname disqus milikmu. 
    • Jika code diatas ini tidak ketemu. maka copy mulai dari tulisan var disqus_shortname nya saja agar mudah ditemukan, jika sudah maka ganti shortnamenya menjadi shortname kotak komentar disqus kamu.
    • Lalu carilah  code dibawah ini. aku harap ada ya guys. jika tidak juga tidak apa-apa (click code dibawah 2x untuk mencopy codenya):
      #comments{display:none;background:#f8f8f8
      • Nah ganti tulisan f8f8f8 dengan dengan huruf fff
      • Jika sudah ketemu dan berhasil mengganti tulisan merah diatas tersebut dengan shortname disqus milikmu dan kamu sudah berhasil menemukan code yang aku bold tersebut dan mengganti tulisan warna hijau tersebut. maka simpan templatenya. dengan mengeclick symbol disket.

      Nah mungkin hanya itu saja tutorial yang aku tau bagaimana cara menghilangkan fitur tombol "Load disqus comment" pada template ArlinaCode/Idntheme/Arlina Design. jadi aku berharap tutorial ini bisa berguna untuk kamu yang mencari cara menghilangkannya.