Simple Thereaded Comments Untuk Blog

Pada hari ini taukahbahwa.blogspot.com akan menyajikan berita tentang Simple Thereaded Comments Untuk Blog. Semoga dengan artikel Simple Thereaded Comments Untuk Blog akan menambah pengetahuan bagi anda pembaca setia taukahbahwa.blogspot.com

Pada postingan ini saya akan share mengenai cara menerapkan simple thereaded comments untuk blog sebenarnya thereaded ini memang masih sederhana tetapi saya share siapa tau diantara teman teman blogger yang tertarik menggunakannya..

Masuk blog anda
pilih menu template/edit html
kemudian cari kode ]]></b:skin> gunakan ctrl + f
setelah ketemu letakan css nya diatas kode ]]></b:skin>

/*simple thereaded coments EMP-BLOG*/
#comments h4{color:#111;font-size:16px;font-family:Tahoma, Arial, Verdana;font-weight:400;margin:0 0 5px;padding:0}
#comments{background:#ddd;border:1px solid #999;margin:0 0 10px;padding:10px}
.deleted-comment{font-style:italic;color:gray}
#comments-block .comment-author,.profile-datablock{margin:.5em 0}
.comment-content{white-space: pre-wrap;width: 95%;word-wrap: break-word;}
.comments .comments-content .comment {background: trasnparent;position: relative;border-radius: 0px 100px 120px;padding:5px;color:white;}
span.comment-actions, .continue {width:120px;background: transparent;border-radius: 20px 20px;text-align:center;font-weight:bold;text-decoration:none !important;}
span.comment-actions:hover, .continue:hover {background: transparent;text-decoration:none !important;}
.secondary-text{padding: 6px 12px 6px;text-decoration:none !important;}
.comments .comment .comment-actions a:hover{text-decoration:none !important;}
.comment-replies span div ol div li span {display:none !important;}
.comments .thread-toggle {background: #ECF3F7;border-radius: 20px;padding: 6px 12px 6px;font-weight: bold;}
.comments .thread-toggle:hover {background: gold;}
.comments .comment-block {padding: 11px !important;margin-left: 28px;position: relative;left: 40px;background:#610B0B;border-radius: 10px;width: 420px;}
.comments .avatar-image-container img {overflow:visible !important;width:40px !important;}
.comments .avatar-image-container {width:40px !important;background: #610B0B;padding: 3px;border-radius: 100px;}
.avatar-image-container img,.avatar-image-container a img, .avatar-image-container {border-radius:20px;position:relative;height:40px;width:40px;background-clip:padding-box;}
.comments .avatar-image-container {max-height:50px !important;}
.comments .comments-content .comment-header {width: 460px;background:#610B0B;position: relative;left: -38px;}
.comments .comments-content .user {font-style: normal;font-weight: bold;position: relative;left: 40px;}
.comments .comments-content .datetime {position: absolute;right:0px;}
.comment-thread ol div.continue {display:none !important;}
-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
/*End simple thereaded coments EMP-BLOG*/

Untuk  warna dan lain - lain silahkan sesuaikan sesuai selera..
Jika sudah simpan template anda dan lihat hasilnya..

Selamat mencoba,semoga bermanfaat.

Dapatkan berita terupdate dan unik setiap saat hanya di taukahbahwa.blogspot.com

Homepage|http://taukahbahwa.blogspot.com