Cara Mengatasi Tombol Reply Komentar Blog Error Tidak Sanggup Di Klik

Cara Mengatasi Tombol Reply Komentar Blog Error Tidak Dapat di Klik - Fitur Kolom komentar dalam artikel blog merupakan fitur yang sangatlah penting, alasannya yaitu dengan adanya fitur tersebut kita sanggup berkomentar wacana sesuatu yang ada dalam sebuah artikel, baik itu pertanyaan yang belum dipahami atau ingin memberi saran dan komplemen pada suatu topik dalam artikel blog tersebut.
Cara Mengatasi Tombol Reply Komentar Blog Error Tidak Dapat di Klik Cara Mengatasi Tombol Reply Komentar Blog Error Tidak Dapat di Klik

Beberapa waktu yang kemudian tombol reply atau komentar blog tidak sanggup berfungsi bahkan tombol replynya tidak sanggup di klik sama sekali dan menciptakan beberapa komentar yang sudah ada menjadi berantakan. Hal itu pun menciptakan aku panik, kenapa komentar bawaan blog tiba-tiba menjadi error dan tidak sanggup di klik?.

Setelah aku mencari tau, ternyata penyebab tombol reply yang tidak berfungsi alasannya yaitu template blog yang sudah dioptimasi, yang akibatnya menyebabkan jawaban komentar bertingkat (Threaded Comment) tidak berfungsi dan sama rata dengan komentar pertama atau induk. Untuk itu aku akan membagikan tutorial cara mengatasi tombol reply komentar bawaan blog yang tidak berfungsi secara gampang dan lengkap.

Cara Mengatasi Tombol Reply Komentar Blog Error Tidak Dapat di Klik

1. Masuk ke dalam blog anda > pilih sajian Tema > kemudian pilih Edit HTML

2. Cari isyarat ini &lt;!--</body>--&gt;&lt;/body&gt; ganti dengan isyarat dibawah ini
</body>

3. Jika sudah pilih Simpan Tema
Sampai di sini silahkan cek terlebih dahulu komentar bawaan blog anda apakah sudah kembali menyerupai semula atau tidak, alasannya yaitu biasanya template menyerupai viomagz atau template sejenis lainnya harusnya sudah kembali menyerupai semula dan berfungsi dengan baik. Jika belum dan masih terjadi error maka mari kita lanjutkan ke langkah berikutnya.

4. Cari isyarat ini &lt;head&gt; atau ini &lt;!--<head>--&gt;&lt;head&gt; ganti dengan isyarat dibawah ini
<head>

5. Ganti isyarat &lt;/head&gt; atau &lt;/head&gt;&lt;!--<head/>--&gt; ganti dengan isyarat dibawah ini
</head>

6. Jika sudah Cari isyarat ini hingga ketemu
<b:includable id='comment_picker' var='post'>...</b:includable>

Kemudian ganti dengan isyarat dibawah ini
<b:includable id='comment_picker' var='post'>                   <b:if cond='data:post.commentSource == 1'>                     <b:include data='post' name='iframe_comments'/>                     <b:elseif cond='data:post.showThreadedComments'/>                     <b:include data='post' name='threaded_comments'/>                     <b:else/>                     <b:include data='post' name='comments'/>                   </b:if>                 </b:includable>

Sampai disini harusnya komentar reply bawaan blog anda sudah kembali berjalan normal tanpa adanya error. Namun tampilan komentarnya akan terlihat kurang bagus. Maka dari itu kita harus mengganti isyarat CSS bawaan template blog dengan isyarat di bawah ini.

7. Memperbaiki Tampilan Komentar Bawaan Blog Menjadi Lebih Baik
CSS komentar bawaan template mempunyai isyarat yang berbeda-beda, untuk itu anda sebaiknya mencarinya sendiri di HTML template blog anda, berdasarkan pengalaman aku CSS komentar bawaan blog biasanya diberi nama menyerupai ini /* komentar atau /* comment. Harusnya sangan gampang untuk menemukannya. Jika sudah temukan ganti semua isyarat tersebut dengan isyarat dibawah ini
/* Comment */ #comments{background:#fff;color:#191919;padding:3px} #comments .comments-content .user a{color:#191919} #comments-block3{padding:0;margin:0;float:left;overflow:hidden;position:relative} #comments .comments-content .comment-thread ol{list-style-type:none;padding:0;text-align:left;margin:0;line-height:normal} #comments .comments-content .comment-replies{margin-left:16px;margin-top:0} #comments .thread-toggle,#comments .thread-toggle a{color:#888} #comments .thread-toggle a{font-size:13px} #comment-name-url{width:465px;float:left} #comment-date{width:465px;float:left;margin-top:5px;font-size:10px} #comments .comments-content .comment-thread{padding:.5em 0} #comments .avatar-image-container{border-radius:50%;background:none;border:none} #comments .continue{display:none} #comments .comments-content .icon.blog-author{width:0;height:0;margin:0;display:none} #comments iframe{height:242px} .not_have_comment_form{display:none} .datetime.secondary-text a{color:#fff;font-style:italic} #comments .comments-content .comment-content{line-height:normal;text-align:left} #comments .comment .comment-actions a{padding-right:5px;padding-top:5px;font-size:13px} #comments .comments-content .comment{margin-bottom:0;padding-bottom:8px} #comments .comment-actions a{color:#888} #comments .comment-actions{float:right;top:15px;position:absolute;right:15px;font-size:14px;padding:0;color:#888} #comments h4:before{content:&quot;\f0e6&quot;;font-family:fontawesome;margin-right:10px;font-weight:normal} #comments .comment-block{background:#f5f5f5;margin:0;position:relative;padding:20px;border-radius:3px;transition:all .3s} #comments .comment-block:hover{background:#fff;box-shadow:0px 2px 10px 2px rgba(158,158,158,0.3)} #comments h4{margin:10px 0 10px 0;line-height:normal;text-transform:capitalize;margin-bottom:20px;color:#888} #comments .comments-content{margin:0 10px} #comments .avatar-image-container,#comments .comment-form p,#comments .comments-content .datetime{display:none}

Jika sudah silahkan Simpan Tema anda, harus berhasil dan terlihan lebih baik.

Penting! Dengan mengganti isyarat meningkatkan secara optimal tersebut makan akan menurunkan kecepatan skor blog anda di  situs GTmetrix. Oleh alasannya yaitu itu kembali lagi ke anda, masih ingin memakai komentar bawaan blog atau beralih memakai komentar Disqus semoga blog anda tetap mempunyai skor yang baik, itu tergantung dari anda sendiri
Sekian saja tutorial dari aku wacana Cara Mengatasi Tombol Reply Komentar Blog Error Tidak Dapat di Klik, kalau ada sesuatu yang belum dipahami silahkan ditanyakan. Semoga tutorial ini sanggup sangat bermanfaat bagi anda, Terimakasih.
Sumber https://www.analisyuki.com/

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel