Selamat pagi sobat blog WARIM semua.. kali ini saya tidak akan membahas tentang facebook sob, kali ini saya hanya mau posting tentang Modifikasi Komentar Yang di Hapus. Biasanya jika ada komentar yang di hapus akan muncul tulisan sperti ini, komentar ini telah di hapus oleh penulis. benar ga sob.? contoh nya sperti gambar di bawah.



Nah, tapi di sini saya akan modifikasi tulisan tersebut menjadi tulisan sesuai keinginan sobat sendiri. Dengan menggunakan CSS pseudo element :after dan :before ini adalah gambar yang belum di modifikasi dengan yang sudah di modifikasi.

Sebelum di modif


Sesudah di modif


Pada gambar yang pertama, itu adalah komentar yang telah di hapus oleh penulis. Isi komentarnya hanya tulisan asli yang muncul setelah komentar dihapus "Komentar ini telah dihapus oleh penulis."

Pada gambar yang kedua, itu adalah komentar yang telah dihapus oleh penulis, dan sudah di modifikasi dengan menggunakan css pseudo element :after dan :before,
isi komentarnya adalah"maaf.. Komentar ini telah dihapus oleh penulis. karena komentarnya kurang enak di baca.. Hohoho..

KETERANGAN:
kata" maaf.. merupakan kata yang dibuat dengan menggunakan css :before

kata" Komentar ini telah dihapus oleh penulis. merupakan kata-kata asli yang muncul setelah komentar dihapus oleh penulis.

kata" karena komentarnya kuang enak di baca.. Hohoho..
adalah kata yang dibuat dengan menggunakan css :after

Nah, bagi sobat yang ingin mencoba modifikasi komentar yang telah di hapus, mari ikuti cara nya di bawah ini.

1. Sobat masuk dulu di blogger.com
2. Langsung menuju ==> template ==> edit HTML
3. Cari kode ]]></b:skin>
4. Jika sudah ketemu letakan kode di bawah ini, tepat di atas kode ]]></b:skin>

.deleted-comment {"<span style="text-align: center; color: white; font-size: 14px; background: #808080; border-left:5px solid#ffff00; padding:10px 15px 10px 30px; margin:5px 0; display: block;"> </span>"} 
.deleted-comment:before { content:" Maaf.. " } .deleted-comment:after { content:" karena komentarnya kurang enak di baca.. Hohoho.."}



sobat bisa mengganti kata - kata yang saya beri warna merah dengah kata - kata sobat sendiri

5. save template dan lihat hasil nya..

nah mungkin cuma itu saja yang bisa saya tulis tentang modifikas komentar yang di hapus

Selamat mencoba

Diposkan oleh: Warim Pada:

Berlangganan Lewat Email

Kirim alamat email Anda untuk mendapatkan notifikasi artikel terbaru dari blog Website Mini secara GRATIS langsung di kotak masuk Anda.