Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Cara Memasang Komentar Disqus di Blog Responsive

Jangan lupa membaca artikel tentang bisnis di > Informasi bisnis terbaik 2020.

Cara membuat kolom komentar disqus di blog,- Beberapa waktu lalu saya pernah membagikan tutorial mengenai cara memasang komentar disqus di blog (blogger), namun karena tutorial tersebut berdampak besar bagi blog seperti loading lama serta mempunyai masalah terlebih dahulu muncul kotak komentar blog sebelum komentar disqus. nah oleh karena itu saya disini kembali memberikan tutorial memasang komentar disqus diblog namun kali ini dengan cara langsung edit dari template yang akan bermanfaat membuat loading blog tidak terlalu lama.

Mungkin banyak dari anda yang pernah melihat komentar disqus di berbagai blog besar seperti blog berita atau blog yang menyediakan berbagai informasi, jangan heran karena komentar disqus memang pilihan terbaik jika ingin mengganti komentar pada blog. dimana disqus menyediakan layanan yang tidak ada pada jenis komentar lain semacam bisa berkomentar selain dengan akun disqus seperti bisa menggunakan akun facebook, twitter, google+. terlebih lagi disqus bisa menautkan komentar yang ada diblog langsung dengan akun disqus.

Terlebih lagi banyak yang mengatakan jika memasang komentar disqus di blog akan membuat blog semakin SEO yang bisa menaikan visitor blog. plus jika menggunakan komentar disqus pada blog akan menambah backlinks pada blog jika ada yang klik link dari blog kita pada akun disqus.


Dari semua kelebihan yang jarang dimiliki oleh komentar lain menjadikan disqus sebagai pilihan terbaik untuk pengganti komentar di blog, namun seperti yang saya katakan diatas jika memasang komentar disqus diblog melalui pemasangan langsung dari situsnya membuat loading blog akan menjadi lama karena script komentar disqus dipasang melalui widget blog. nah untuk mengatasi komentar tersebut silahkan gunakan cara yang saya bagikan dibawah ini agar komentar disqus diblog semakin fast loading serta responsive.

Cara Memasang Komentar Disqus Fast Loading (Responsive)


1. Pertama terlebih dahulu anda harus mempunyai Akun Disqus serta mempunyai ID disqus tersebut. untuk tutorial membuatnya bisa baca: Cara daftar dan memasang komentar disqus di blog (ID Disqus bisa anda lihat pada nomer 3 pada tutorial tersebut.

2. Kemudian sebelum memasang komentar disqus dengan tutorial ini terlebih dahulu anda harus menyembunyikan komentar bawaan blog, untuk tutorialnya bisa baca: Cara udah menyembunyikan komentar di blog.

3. Jika semua sudah anda lakukan anda lakukan berikut caranya, silahkan cari kode <div class='comments' id='comments'> di blog anda, jika sudah ketemu copy kode CSS dibawah ini dan paste tepat dibawah kode tersebut.

<script type='text/javascript'>
var mql = window.matchMedia(&#39;screen and (min-width: 600px)&#39;);if (mql.matches){
                var disqus_shortname = &quot;ID DISQUS ANDA&quot;;
                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;;
             (function() {
                        var bloggerjs = document.createElement(&quot;script&quot;);
                        bloggerjs.type = &quot;text/javascript&quot;;
                        bloggerjs.async = true;
                        bloggerjs.src = &quot;//&quot;+disqus_shortname+&quot;.disqus.com/blogger_item.js&quot;;
                        (document.getElementsByTagName(&quot;head&quot;)[0] || document.getElementsByTagName(&quot;body&quot;)[0]).appendChild(bloggerjs);
                    })();
                (function() {
                    var bloggerjs = document.createElement(&quot;script&quot;);
                    bloggerjs.type = &quot;text/javascript&quot;;
                    bloggerjs.async = true;
                    bloggerjs.src = &quot;//&quot;+disqus_shortname+&quot;.disqus.com/blogger_index.js&quot;;
                    (document.getElementsByTagName(&quot;head&quot;)[0] || document.getElementsByTagName(&quot;body&quot;)[0]).appendChild(bloggerjs);
                })();
    var disqus_shortname = &#39;ID DISQUS ANDA&#39;;
    (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>


4. Silahkan ganti kode yang saya beri warna diatas dengan kode Disqus anda. Terakhir tinggal simpan template dan lihat hasilnya.

5. Untuk cara mengimpor komentar yang lama sudah saya jelaskan pada postingan sebelumnya.

Nah itulah cara memasang komentar disqus diblog fast loading (responsive), sekian tips yang dapat saya bagikan dan good luck!


Sumber https://www.blogespada.net/

Selain sebagai media informasi pendidikan, kami juga berbagi artikel terkait bisnis.

Cara Menghapus Diberdayakan oleh Blogger untuk Pemula

Jangan lupa membaca artikel tentang bisnis di > Informasi bisnis terbaik 2020.

Cara menghilangkan Tulisan Diberdayakan Oleh Blogger pada Template,- Bagi pemilik blog khususnya berplatform blogger tentunya pernah melihat tulisan "Powered by Blogger atau Diberdayakan oleh blogger" yang biasanya terdapat pada menu tata letak pada blogger. jika anda mengunjungi artikel saya ini kemungkinan besar anda mendapat masalah yaitu tidak bisa menghapus widget "Diberdayakan oleh blogger" pada menu tata letak di blogger.

Memang jika anda membuat blog menggunakan berplatform blogger pasti terdapat widget tersebut, dikarenakan widget tersebut muncul karena pernah menggunakan template bawaan blogger. atau bisa juga karena kita menggunakan tempate yang kita download dari internet yang dimana di dalam tempate tersebut terdapat script Diberdayakan oleh blogger yang bernama "Attribution1".


Untuk menghapus widget tersebut tidak bisa dilakukan dengan langsung menghapusnya dari tata letak namun harus melakukan beberapa langkah dulu agar bisa dihapus. jika anda ingin menghapusnya dari tata letak saya yakin pasti tidak bisa karena tidak ada tombol hapus pada widget tersebut. Nah untuk menghapusnya kita perlu mengedit sedikit pada bagian template agar bisa terhapus dan disini saya hanya memberikan 2 cara yaitu menyembunykanya atau menghapusnya.

#1. Cara Menyembunyikan Diberdayakan oleh Blogger


Untuk cara pertama disini anda bisa menyembunyikanya tanpa menghapus Diberdayakan oleh blogger tersebut. dan cara ini cukup mudah karena kita hanya menambahkan kode CSS. berikut caranya.

  • Pertama silahkan masuk ke akun Blogger.
  • Kemudian masuk ke menu Template dan Edit HTML.
  • Selanjutnya cari kode ]]></b:skin>, gunakan (CTRL+F) untuk mempermudah.
  • Jika sudah ketemu copy kode CSS dibawah ini lalu paste tepat diatas kode tersebut.

#Attribution1 {height:0px;visibility:hidden;display:none}

  • Terakhir tinggal simpan template dan lihat hasilnya.

Biasanya cara diatas tidak berhasil untuk semua template, oleh karena itu gunakan cara kedua dibawah ini untuk menghapusnya, yang dimana cara ini paling ampuh untuk menghapus Diberdayakan oleh blogger pada blog anda. berikut caranya.

#2. Cara Menghapus Diberdayakan oleh Blogger


Untuk cara kedua ini bisa dibilang paling ampuh, karena dengan cara ini kita akan memunculkan tombol "hapus" pada widget Diberdayakan oleh blogger. untuk caranya bisa dilihat dibawah ini.

  • Pertama Masuk ke Blogger.
  • Lalu masuk ke menu Template dan Edit HTML.
  • Setelah itu cari kode dibawah ini, Gunakan (CTRL+F) untuk mempermudah.

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

  • Jika sudah ketemu ganti kode 'true' dengan kode 'false', hasilnya seperti berikut ini!.

<b:widget id='Attribution1' locked='false' title='' type='Attribution'>

  • Kemudian silahkan simpan template.
  • Selanjutnya masuk ke menu tata letak lalu pilih "Edit" dan hapus widget "Atribusi Powered by Blogger"

Nah dengan begitu Tulisan Powered by Blogger atau Diberdayakan oleh blogger yang sebelumnya ada di blog anda sekarang sudah hilang. Sekian tips blogging yang dapat saya bagikan dan Terima kasih.


Sumber https://www.blogespada.net/

Selain sebagai media informasi pendidikan, kami juga berbagi artikel terkait bisnis.

Kategori

Kategori