Membuat Tombol Hapus Komentar Bloggers

 

Pada tulisan ini alhamdulilah saya punya kesempatan membagikan tutorial Cara Menambahkan Tombol Hapus Di Komentar Blogspot. Namun Perlu sobat ketahui tombol hapus komentar yang akan saya bagikan ini sementara hanya berfungsi pada template median ui, plus ui saja. namun kedepanya menambhakan tombol hapus komentar di blogger ini bisa digunakan di semua template blogspot.

sebetulnya kode tombol hapus komentar di blogger ini bisa di gunakan di semua template blogspot. namun kalian harus faham peletakan dan perubahan kodenya agar tombol hapus komentar bisa berfungsi sebagai mana mestinya.

namun terkadang setiap tema blogger mempunyai struktur kode yang berbeda. jadi di artikel ini saya hanya fokus berbagi CARA MENAMBAHKAN TOMBOL HAPUS KOMENTAR DI TEMPLATE MEDIAN UI DAN PLUS UI.

Membuat Tombol Hapus Komentar Di Plus UI Dan Median UI

jika kaliaj pengguna template dari plus ui atau median ui langkah pertama untuk menambahkan tombol hapus komentar di blog anda. maka kalian harus mencari kode seperti di bawah.

<!-- css 1 yang di hapus -->

.cmRi:checked ~ .cmRp .thTg::after{content:attr(aria-label)}

<!-- css 2 yang di hapus -->

.thTg::before{content:'';width:28px;border-bottom:1px solid var(--widgetTac);opacity:.5}

<!-- css 3 yang di hapus -->

.thTg::after{content:attr(data-text);margin:0 12px;opacity:.7}

jika kode css di atas sudah ketemu maka kalian harus menghapusnya dan menggantinya dengan kode css di bawah ini.

.cmHl .thCh a.deleteCm{position:absolute;right:10px;top:0}

.cmHl a.deleteCm{position:absolute;right:20px;top:10px}

.cmHl .thCh a.deleteCm svg,.cmHl a.deleteCm svg{width:20px;stroke:#989b9f}

.thTg::after{content:'';right:0;left:10rem;width:calc(100% - 13rem);border-bottom:1px solid var(--widgetTac);opacity:.5;position:absolute}

.thTg::before{content:attr(data-text);margin:0 12px;opacity:.7}

.cmRi:checked ~ .cmRp .thTg::before{content:attr(aria-label)}

.thCh > li:first-of-type:before{content:'';border:0}

.thCh > li:before{content:'';position:absolute;width:calc(100% - 3.8rem);border-top:1px solid var(--widgetTac);opacity:.5;left:20px;margin-top:-10px}

jika sudah mengganti kode css nya. selanjutnya anda harus mencari kode seperti di bawah.

kode pertama :

<!-- cari kode ini -->

<li class='c' expr:id='&quot;c&quot; + data:commentLevel1.id'>

<!-- ubah jadi -->

<li class='c' expr:id='&quot;c&quot; + data:commentLevel1.id'>

<a aria-label='Delete' class='deleteCm' expr:href='&quot;https://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;postID=&quot; + data:commentLevel1.id' rel='nofollow noopener noreffer' target='_blank'><svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(3.500000, 2.000000)'><path d='M15.3891429,7.55409524 C15.3891429,15.5731429 16.5434286,19.1979048 8.77961905,19.1979048 C1.01485714,19.1979048 2.19295238,15.5731429 2.19295238,7.55409524'/><line x1='16.8651429' x2='0.714666667' y1='4.47980952' y2='4.47980952'/><path d='M12.2148571,4.47980952 C12.2148571,4.47980952 12.7434286,0.714095238 8.78914286,0.714095238 C4.83580952,0.714095238 5.36438095,4.47980952 5.36438095,4.47980952'/></g></svg>

</a>

kode kedua :

<!-- cari kode ini -->

<li class='c' expr:id='&quot;c&quot; + data:commentLevel2.id'>

<!-- ubah jadi -->

<li class='c' expr:id='&quot;c&quot; + data:commentLevel2.id'>

<a aria-label='Delete' class='deleteCm' expr:href='&quot;https://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;postID=&quot; + data:commentLevel2.id' rel='nofollow noopener noreffer' target='_blank'><svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(3.500000, 2.000000)'><path d='M15.3891429,7.55409524 C15.3891429,15.5731429 16.5434286,19.1979048 8.77961905,19.1979048 C1.01485714,19.1979048 2.19295238,15.5731429 2.19295238,7.55409524'/><line x1='16.8651429' x2='0.714666667' y1='4.47980952' y2='4.47980952'/><path d='M12.2148571,4.47980952 C12.2148571,4.47980952 12.7434286,0.714095238 8.78914286,0.714095238 C4.83580952,0.714095238 5.36438095,4.47980952 5.36438095,4.47980952'/></g></svg>

</a>

oia kalian harus mencari serta merubahnya dengan teliti ya. kode yang perlu di ubah hanya dua itu saja. namun terdapat beberapa kode yang mirip seperti kode tersebut.

Nah Jadi Sekian Tutorial CARA MEMBUAT TOMBOL HAPUS KOMENTAR DI BLOGGER. dengan MENAMBAHKAN TOMBOL HAPUS KOMENTAR DI BLOGGER bisa memberikan kenyamanan pengunjung blog kamu yang mungkin ingin menghapus komentar di blog kalian karena TYPO dll.

semoga artikel ini bermanfaat untuk kalian.. jangan lupa komentar ya biar artikel ini bisa rank one di pencarian google hehehehee

Rate This Article

Thanks for reading: Membuat Tombol Hapus Komentar Bloggers, Sorry, my English is bad:)