Ucapan Terima Kasih Untuk Komentar Dengan Hover
Sebelumnya saya sudah pernah mempostingan cara menciptakan pesan komentar yang kita letakan di bawah editor komentar blog. Nah kali ini kita akan menciptakan pesan komentar atau ucapan terima kasih untuk komentar dengan menambahkan efek hover.
Ucapan terima kasih ini tidak akan tampak sebelum pengunjung atau komentator meng-hover comment-form. Ketika pengunjung atau komentator meng-hover comment-form, maka ucapan terima kasih ini akan muncul di atas editor komentar dengan slide dari kiri ke kanan.
Bagi yang tertarik untuk mencobanya, silahkan copy kode-kode di bawah ini.
Kode CSS
.comment_thanks{background:#4D90F0;color:#fff;padding:5px 8px;position:absolute;right:300px;top:-6px;opacity:0;transition:all .4s ease-in-out;z-index:999;font-size:12px;font-weight:700;border-radius:2px;border:1px solid #3079ED}
.comment-form:hover .comment_thanks{opacity:1;right:0}
.comment_thanks_box{position:relative}
Langkah 1: Silahkan cari aba-aba di bawah ini
<b:includable id='comment-form' var='post'> Di bawah aba-aba tadi terdapat 2 buah aba-aba ibarat di bawah ini
<data:blogTeamBlogMessage/> Maka simpan aba-aba di bawah ini sempurna di atas kode <data:blogTeamBlogMessage/> yang kedua.
<div class='comment_thanks_box'>
<span class='comment_thanks'>Terima Kasih Sudah Berkomentar</span>
</div>
Langkah 2: Kemudian cari juga aba-aba ibarat di bawah ini
<b:includable id='threaded-comment-form' var='post'> Dan silahkan lakukan ibarat langkah 1 di atas lalu SAVE template dan selesai. Sekarang silahkan cek di postingan blog dengan meng-hover area comment-form.
Sumber https://www.kompiajaib.com/
0 Response to "Ucapan Terima Kasih Untuk Komentar Dengan Hover"
Posting Komentar