Cara Merubah Tampilan Komentar Menjadi Thread Komentar

Malam menjelang tidur, nak berbagi dolo nih, Modifikasi Tampilan Komentar Menjadi Thread Komentar 
Agar tampilan komentar lebih hidup gitu, jadi kalo mandang terlalu sedap jadi gak turu2, meleeeeekkk...
Lihat gambar berikut

Gimana? Apakah Cantik? mana cantik dengan pacarmu? tertarik membuatnya? cukup mudah, anda tinggal meletakan kode css berikut ini, urusan selesai...

1. Log In ke blogger anda, Masuk ke dasbor

2. Masuk ke Tab Template> Edit HTML

3. Cari Kode ]]></b:skin> Dan Letakan kode CSS berikut ini Tepat diatas kode ]]></b:skin>

.comment-block {border:1px solid #666;border-radius:8px;padding: 3px;}<br />.comment-actions {<br />    margin-right: -2px;<br />    margin-top: -15px;<br />    font-size: 9px;<br />    text-transform: normal;<br />    float: right;<br />    border: 1px #DDD solid;<br />    padding: 3px;<br />    line-height: 1em;<br />    -webkit-border-radius: 4px;<br />    -moz-border-radius: 4px;<br />    border-radius: 4px;<br />    color: #999;<br />    }<br />    .comment-actions:hover {<br />    background: black;<br />    color: white;<br />    }<br /><br />    .continue{<br />    width: 50px;<br />    font-size: 10px;<br />    text-transform: normal;<br />    border: 1px #DDD solid;<br />   padding: 3px;<br />    line-height: 0.7em;<br />    -webkit-border-radius: 2px;<br />    -moz-border-radius: 2px;<br />    border-radius: 2px;<br />    color: #999;<br />    }<br />    .continue:hover {<br />    background: green;<br />    color: black;<br />    }<br />/*=== BOX Avatar dan Blank Avatar ===*/<br />.avatar-image-container {<br />box-shadow: 1px 1px 0 #CCC, 3px 3px 0 #FFF, 4px 4px 0 #CCC, 6px 6px 0 #FFF, 7px 7px 0 #CCC;<br />-webkit-box-shadow: 1px 1px 0 #CCC, 3px 3px 0 #FFF, 4px 4px 0 #CCC, 6px 6px 0 #FFF, 7px 7px 0 #CCC;<br />}<br />.avatar-image-container img {<br />background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6tEQeqpmECLdMhp39ZpL-nx78inxa_3_YdBVtGPMmCoBpTl4MqH5G0hF_QLfjjQxuDTuvbjZFupIOta1tjak7uDEPBrUi9cRnfUQkmp9ibUhFiLoS23CQ4_JnTzJzHgXO41s2elPN9HU/s1600/blog-anonim.png);<br />width:35px; height:35px; border:none;<br />}<br />.avatar-image-container img:hover {<br />transform:scale(1.9) rotate(360deg); -ms-transform:scale(1.9) rotate(360deg); -o-transform:scale(1.9) rotate(360deg); -moz-transform:scale(1.9) rotate(360deg); -webkit-transform:scale(1.9) rotate(360deg);<br />transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s;<br />}

4. Simpan template, Dan lihat hasilnya, Apakah kurang cantik???? yah cari tutor yang lain donk lak kayak gitu.... Met malem... eh met pagi dink...
Yang Mau Tuker Link Monggo Masuk Ke Sini

Simpan Artikel Cara Merubah Tampilan Komentar Menjadi Thread Komentar Dengan Link : https://neoblogku.blogspot.com/2012/11/cara-merubah-tampilan-komentar-menjadi.html

Judul : Cara Merubah Tampilan Komentar Menjadi Thread Komentar.
Kategori : Artikel / Blogging / Template / Trik
Ditulis oleh : Unknown Pada Tuesday, November 13
Bagikan Ke : Facebook / Twitter