Comment Box Like Mine
Wah wah,, udah lama ya, Any gak ngepost. Kangen ma kaliann~ *lebay*
Oke, #backtotopic. Kali ini Any mau kasih tutor tentang Comment Box like me. Mungkin sebagai contoh, Any kasih screenshootnya
Abaikan katakatanya :P
Oh iya, terima kasih sebelumnya untuk kak Leya Yeolly karena aku comment boxnya basecode dari kak Leya. Makasih, ya, Kak!!
Okey, lansung ke tutorialnya, yuk
2. Klik dashboard > lalu Template > lalu Edit HTML
3. Cari kode /* Comments
4. Hapus semua kode dibawahnya sampai kode .feed-links {. Kode .feed-links { jangan sampai kehapus, ya.
5. Copy kode dibawah ini dan pastekan dibawah kode /* Comments
.comment-content{background-color: #F3f3f3;padding:10px;border-radius:5px;font-family: 'Short Stack';font-size:12px;}.comments {height:400px;overflow:auto;font-size:12px;font:Short Stack;}h4{text-align:center;color:#d4d4d4;font-family: FONT;font-size: 14px;}
.comment-block{background:url(URLBACKGROUND KAMU);padding:5px;border-radius:0px;border:3px dashed #;font-size:11px;}.avatar-image-container{background:#d4d4d4;padding:3px;border-radius:50px;}
.avatar-image-container img{-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;border-radius: 50px;}.avatar-image-container img:hover{border-radius:50%;}
.datetime{background:#D4d4d4;padding:8px;float:right;border-radius:5px;font:10px short stack;margin-top:10px;}.secondary-text{padding:8px;background:#fff;border-radius:5px;float:right;border:2px solid #d4d4d4;font-size:11px;}
Label: Designer Template, Tutorial
new past
