Modifikasi Komentar Yang Dihapus Oleh Penulis

Dewa Teknik
Blogger Comment
Assalamualaikum,bagaimana kabarnya kawan?? Baik-baik sajakah?? Lama Bacil-Soft tidak update posting terbaru. Udah pada kangen nih kayaknya :D. Bulan lalu Bacil-Soft terakhir update mengenai Cara Mudah Cek Tampilan Responsive pada Blogger. Dengan lebih fresh dan variatif lagi, Bacil-Soft akan mencoba update tiap minggu dengan berbagai tutorial dan update info menarik lainnya. Pada artikel kali ini Bacil-Soft akan membahas bagaiman cara memodifikasi agar komentar yang dihapus oleh penulis/author dapat menjadi menarik dan variatif. Dengan bantuan CSS dan memanfaatkan pseudo element yang terdapat pada blogger yaitu :before dan :after komentar yang dihapus tadi akan berubah sesuai keinginan kita. Untuk demo atau contoh bisa dilihat dibawah ini:

 Sebelum dimodifikasi:
Before Edited

 Setelah dimodifikasi:

After Edited
  • Pada gambar sebelum modifikasi terlihat tulisan "This comment has been removed by the author." tulisan tersebut merupakan tulisan sebelum di edit
  • Kemudian pada gambar setelah modifikasi terlihat tulisan "Upss...!! Komentar ini telah dihapus oleh penulis. Sorry bro . . . bla.... bla... bla...." Komentar tersebut menggunakan pseudo element :after dan :before.
untuk pseudo :before terdapat pada kata "This comment has been removed by the author." dan pseudo :after terdapat pada kata "Upss...!! Komentar telah dihapus oleh penulis. Sorry bro . . . bla.... bla... bla....". Mungkin ini saja untuk demonya, sekarang kita masuk kedalam koding dari perintah diatas.

Cari Kode ]]></b:skin> , Letakkan kode dibawah ini tepat diatas kode tersebut.
.deleted-comment { color:#ad3000 }
.deleted-comment:before { content:"Upss...!! " }
.deleted-comment:after { content:" Sorry bro . . . bla.... bla... bla...." }
Untuk memodifikasi kode diatas dengan mengganti kata-kata menurut selera dan keinginan sendiri.
Sekian artikel Bacil-Soft kali ini,semoga bermanfaat dan tetap jaga kreatifitasnya.
Dewa Teknik