Allhamdulillah akhirnya saya bisa update lagi setelah beberapa hari tidak update, kemarin terakhir update tentang template yaitu
FW0 HT Green Responsive Template by MDF. Untuk update kali ini yaitu tentang Modifikasi Komentar Yang Dihapus Oleh Penulis, tutorial ini sama dengan yang sebelumnya pernah saya bahas yaitu tentang
Membuat Komentar Blog Menjadi Lebih Unik dengan memanfaatkan CSS pseudo element
:after dan
:before saja, untuk contoh bisa lihat gambar dibawah ini
Sebelum dimodifikasi
Sesudah dimodifikasi
- Pada gambar yang pertama, itu merupakan komentar yang telah dihapus oleh penulis/yang berkomentar, isi komentarnya hanya tulisan asli yang muncul setelah komentar dihapus "Komentar ini telah dihapus oleh penulis."
- Pada gambar yang kedua, itu merupakan komentar yang telah dihapus oleh penulis/yang berkomentar dan telah dimodifikasi dengan menggunakan css pseudo element :after dan :before, isi komentarnya adalah "Upss...!! Komentar ini telah dihapus oleh penulis. Sorry bro... bukan apa-apa ini, komentarnya ane apus soalnya tadi ane salah berkomentar.."
Keterangan:
Upss...!! merupakan kata yang dibuat dengan menggunakan css
:beforeKomentar ini telah dihapus oleh penulis. merupakan kata-kata asli yang muncul setelah komentar dihapus oleh orang yang berkomentar.
Sorry bro... bukan apa-apa ini, komentarnya ane apus soalnya tadi ane salah berkomentar.. merupakan kata-kata yang dibuat dengan menggunakan css
:afterSaya rasa sampai sini sudah cukup jelas.. dengan begini kita membuat alasan kenapa komentar tersebut dihapus,...
Langsung saja masuk kedalam cara penerapanya..
Kalian hanya tinggal menambahkan kode css berikut ini dan letakkan diatas kode
]]></b:skin>
.deleted-comment { color:#ad3000 }
.deleted-comment:before { content:"Upss...!! " }
.deleted-comment:after { content:" Sorry bro... bukan apa-apa ini, komentarnya ane apus soalnya tadi ane salah berkomentar.." }
Untuk memodifikasi silahkan kalian ganti kata-kata yang saya garis bawahi dengan kata-kata kalian sendiri..
Oke sudah cukup pembahasan kali ini, semoga artikel ini bermnafaat untuk anda dan semoga kalian sehat-sehat saja dan lancar dalam menjalankan Ibadah Puasa dibulan Ramadhan ini.
MDF-Blog mengucapkan
Selamat Menjalankan Ibadah Puasa...