cara mudah memasang kolom komentar disqus dan blogger responsive
hallo sobat mampirnesia kali ini saya ingin berbagi sedikit ilmu tentang
cara mudah memasang kolom komentar disqus dan blogger responsive
jadi nanti ada 2 tombol komentar yaitu disqus dan kolom komentar bawaan
kurang lebih seperti ini contoh nya
yuk ngak usah banyak cincong kita langsung praktek saja
Pertama masuk ke dashboard blog kalian dan kemudian silakan sobat kanesia masuk ke Edit HTML, cari lah kode ini <head> atau <head> jika kalian kesulitan kalian bisa ctrl + f dan cari di kolom pencarian jika sudah ketemu copy kode dibawah ini dan pastekan tepat dibawah kode
<head> atau <head>
kedua setelah kita pasang css tadi sekarang saatnya kita memasangan HTML dan JS OnClick
kemudian silakan anda cari kode berikut:
<b:includable id='comments' var='post'>
udah ketemu belum hehehe jika sudah kalian copy kode dibawah ini dan pastekan kode dibawah ini tepat dibawah kode ni <b:includable id='comments' var='post'>
Silakan anda ganti idanda dengan ID Disqus anda, misal kadirinesia
Bila sudah maka penampakannya nanti kurang lebih menjadi seperti ini:
Anda dapat mengganti kata-kata yang terdapat disana seperti "Silakan pilih sistem komentar anda" dengan kata-kata yang anda inginkan
sekian dulu jangan lupa tinggal kan komentar ya semoga bermanfaar see you
cara mudah memasang kolom komentar disqus dan blogger responsive
jadi nanti ada 2 tombol komentar yaitu disqus dan kolom komentar bawaan
kurang lebih seperti ini contoh nya
yuk ngak usah banyak cincong kita langsung praktek saja
Pertama masuk ke dashboard blog kalian dan kemudian silakan sobat kanesia masuk ke Edit HTML, cari lah kode ini <head> atau <head> jika kalian kesulitan kalian bisa ctrl + f dan cari di kolom pencarian jika sudah ketemu copy kode dibawah ini dan pastekan tepat dibawah kode
<head> atau <head>
<style> .buttonkomjarwo{border:none;color:white;font-weight:700;padding:10px 20px;border-radius:3px}.buttonkomjarwo:hover{opacity:.6;cursor:pointer}.disqus{background:#2e9fff}.blogger{background:#ff7043}#comments{width:100%} </style>
kedua setelah kita pasang css tadi sekarang saatnya kita memasangan HTML dan JS OnClick
kemudian silakan anda cari kode berikut:
<b:includable id='comments' var='post'>
udah ketemu belum hehehe jika sudah kalian copy kode dibawah ini dan pastekan kode dibawah ini tepat dibawah kode ni <b:includable id='comments' var='post'>
<div id='comment-loader'> <b>Silakan pilih sistem komentar anda ⇛   </b> <button class='buttonkomjarwo disqus' onclick='$.ajaxSetup({cache:true});$.getScript("https://idanda.disqus.com/embed.js");$.ajaxSetup({cache:false}); document.getElementById('comments').style.display='none'; document.getElementById('disqus_thread').style.display='block';'>Disqus</button> <button class='buttonkomjarwo blogger' onclick=' document.getElementById('comments').style.display='inline-block'; document.getElementById('disqus_thread').style.display='none';'>Blogger</button> </div> <div id='disqus_thread'/>
Silakan anda ganti idanda dengan ID Disqus anda, misal kadirinesia
Bila sudah maka penampakannya nanti kurang lebih menjadi seperti ini:
<b:includable id='comments' var='post'> <div id='comment-loader'> <b>Silakan pilih sistem komentar anda ⇛   </b> <button class='buttonkomjarwo disqus' onclick='$.ajaxSetup({cache:true});$.getScript("https://iddisqusanda.disqus.com/embed.js");$.ajaxSetup({cache:false}); document.getElementById('comments').style.display='none'; document.getElementById('disqus_thread').style.display='block';'>Disqus</button> <button class='buttonkomjarwo blogger' onclick=' document.getElementById('comments').style.display='inline-block'; document.getElementById('disqus_thread').style.display='none';'>Blogger</button> </div> <div id='disqus_thread'/> ... (biasanya disini ada banyak kode lainnya) ... </b:includeable>
Anda dapat mengganti kata-kata yang terdapat disana seperti "Silakan pilih sistem komentar anda" dengan kata-kata yang anda inginkan
sekian dulu jangan lupa tinggal kan komentar ya semoga bermanfaar see you
Yudha Wahyu Pratama
Humanity Balanced Religion ⤵️ Success Before 30 Mahasiswa, Investor , Pecinta Hewan,IT & Alam, Aktivis
