Cara Membuat Buka dan Tutup Komentar Pada Blogspot (non AMP)

Komentar merupakan salah satu bagian dari blog yang termasuk penting, kenapa? karena lewat komentar inilah pengunjung bisa berinteraksi dengan Admin dari suatu blog, jadi kita bisa mendapatkan kritik dan saran dari pengunjung, ataupun pertanyaan yang berkaitan dengan artikel yang ditulis oleh pengunjung dan menjawabnya. Hal ini tentu akan membuat pengunjung blog merasa puas dan akan kembali membuka blog kita lagi jika membutuhkan suatu informasi.

Komentar blog pula bisa dijadikan suatu syarat diterimanya blog menjadi partner Google Adsense, dari pengalaman saya, salah satu google menolak suatu blog menjadi mitranya adalah errornya komentar blog dan akan mendapatkan balasan ‘situs anda belum siap menayangkan iklan’, dan saat itu saya menjumpai bahwa ternyata ada error pada komentar blog saya.

membuat buka - tutup komentar pada blogspot

Manfaat Menggunakan Buka dan Tutup Komentar Blog

Dalam tulisan kali ini saya ingin berbagi cara untuk membuat komentar pada blog menjadi bisa di Buka dan Tutup agar lebih menghemat ruang yang ada. Seperti dalam template yang saya pakai, Viomagz ada jarak yang lumayan jauh jika dibuka menggunakan ponsel, antara artikel terkait yang ada dibawah postingan dengan sidebar blog. Manfaat lainnya adalah akan lebih meringankan loading blog jika menggunkan versi disquss karena menurut pengalaman saya saat membuka blog teman yang menggunakan komentar versi disquss, saya harus menunggu beberapa detik untuk bisa memuat komentar tersebut. Entahlah mungkin ini hanya jaringan saya saja yang lambat saat itu.

Cara Memasang Buka dan Tutup Komentar pada Blog

Pertama bukalah Dasbor blog dan edit HTMLnya

Cari dan temukan kode dibawah ini, jika tidak ada maka cari yang agak mirip karena setiap template berbeda namun pasti ada kesamaannya.

<b:include data='post' name='comments'/> 

Jika sudah ditemukan maka hapus kode tersebut, namun jika suatu saat anda berubah pikiran dan menginginkan tidak adanya Buka dan tutup Komentar maka cukup menambahkan tanda <!-- dan --> pada awal dan akhir kode diatas, contoh

<!-- <b:include data='post' name='comments'/> -->

Cara membuat buka - tutup komentar pada Blogspot

Hal ini bertujuan agar anda tidak lupa kode tersebut.

Kemudian pastekan kode dibawah ini tepat dibawah kode tadi, atau pastekan untuk menggantikan kode yang sudah dihapus diatas

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<style>

.buka-komen,.tutup-komen{font-family:inherit;background:#49ace1;color:#fff;font-size:16px;line-height:1.3em;padding:8px 10px;text-align:center;font-weight:700;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:40px;-webkit-transition:all 218ms;-moz-transition:all 218ms;-o-transition:all 218ms;transition:all 218ms;-webkit-user-select:none;-moz-user-select:none;margin:20px 0 0;cursor:pointer;}

.buka-komen{display:block;margin-bottom:20px}

#comments-box{display:none}

</style>

<div aria-label='Buka Komentar' class='buka-komen' id='buka-komen' onclick='document.getElementById(&quot;comments-box&quot;).style.display=&quot;block&quot;;document.getElementById(&quot;tutup-komen&quot;).style.display=&quot;block&quot;;document.getElementById(&quot;buka-komen&quot;).style.display=&quot;none&quot;' role='button' tabindex='0'>Buka Komentar</div>

<div aria-label='Tutup Komentar' class='tutup-komen' hidden='hidden' id='tutup-komen' onclick='document.getElementById(&quot;comments-box&quot;).style.display=&quot;none&quot;;document.getElementById(&quot;tutup-komen&quot;).style.display=&quot;none&quot;;document.getElementById(&quot;buka-komen&quot;).style.display=&quot;block&quot;' role='button' tabindex='0'>Tutup Komentar</div>

</b:if>

<div id='comments-box'>

        <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comments'/>

          </div> 

Catatan

• Ubahlah kode yang saya tandai dengan kode warna yang sesuai dengan tema blog anda, nantinya kode warna ini akan menjadi backgroud pada Buka dan Tutup Komentar blog

• Anda juga bisa mengubah angka dari radius yang saya tandai. Semakin besar radiusnya, akan semakin bulat atau tidak bersudut kotak dari backgroud yang akan menjadi Buka dan Tutup Komentar yang anda buat.

mengatur radius agar terlihat bulat

Langkah terakhir, SAVE dan lihat hasilnya.

Itulah cara membuat Buka dan Tutup Komentar pada Blogspot non AMP. Semoga bisa bermanfaat

Berbagi :