Membuat Style Komentar Admin Seperti Kang Iyan - Kang Iyan

Membuat Style Komentar Admin Seperti Kang Iyan

Pasti yang berkomentar di blog ini pernah liat donk style komentar Admin disini yang berwarna warni dengan variasi warna dengan menggunakan Transition CSS, saya menggunakan Style Admin seperti ini karena ingin membedakan Style Admin dengan yang lain agar lebih menarik lagi :D

Membuat Style Komentar Admin Seperti Kang Iyan

Karena lagi malas ngetiknya juga sih :( jadi langsung saja ke pembahasan cara buatnya saja.


Membuat Style Komentar Admin

1. Masuk ke blog masing- masing > Klik Tema/Template

2. Masukan kode CSS Commentar blog dibawah ini


.comment_admin .comment_body{-webkit-animation:bannerrainbow 15s infinite;-ms-animation:bannerrainbow 15s infinite;-o-animation:bannerrainbow 15s infinite;animation:bannerrainbow 15s infinite;}
@keyframes bannerrainbow{0%{background-color:#ff0000;}25%{background-color:#ff8000;}50%{background-color:#22A7F0;}75%{background-color:#26A65B;}100%{background-color:#ff0080;}}
@-webkit-keyframes rainbow{0%{background-color:#ff0000;}25%{background-color:#ff8000;}50%{background-color:#22A7F0;}75%{background-color:#26A65B;}100%{background-color:#ff0080;}}
@-ms-keyframes rainbow{0%{background-color:#ff0000;}25%{background-color:#ff8000;}50%{background-color:#22A7F0;}75%{background-color:#26A65B;}100%{background-color:#ff0080;}}
@-o-keyframes rainbow{0%{background-color:#ff0000;}25%{background-color:#ff8000;}50%{background-color:#22A7F0;}75%{background-color:#26A65B;}100%{background-color:#ff0080;}}
.comment_admin .comment_body{display:block;background-color:#ff8000;}
.comment_admin .comment_body{background:linear-gradient(53deg,#f22613,#f89406,#26a65b,#5868ec,#f54e80,#f7ca18,#d2527f);background-size:1400% 1400%;-webkit-animation:AnimationName 12s ease infinite;-moz-animation:AnimationName 12s ease infinite;animation:AnimationName 12s ease infinite;}
@-webkit-keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@-moz-keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.comment_admin .comment_body p{color:#fff;}


3. Taruh kode ini dibawah kode <style type='text/css'> atau <b:skin>

4. Simpan Template

Oke sekarang kamu lihat hasilnya maka akan terlihat seperti Style Admin Kang Iyan :D

Artikel Terkait

Membuat Style Komentar Admin Seperti Kang Iyan
4/ 5
Oleh

Komentar Ada Dibawah