-=Explore The World From Our Binary=-
 
HomeIndeksPendaftaranLogin

Share | 
 

 Threaded Comment styles dengan CSS

Topik sebelumnya Topik selanjutnya Go down 
PengirimMessage
Jiban
Corporal
Corporal
avatar

Jumlah posting : 159
Points : 390
Reputation : 7
Join date : 09.07.11

PostSubyek: Threaded Comment styles dengan CSS   Sun Jul 15, 2012 9:29 pm

Threaded Comment styles dengan CSS , wah udah lama gak posting nih semenjak ikutan kontes Sumber Berita Cerita Inspirasi Motivasi Dunia Terbaru - Beritama.com jadi kangen sebarin Tutorial Blogger lagi. Nah pasti kalian udah pada tau tentang Threaded Comment Blogger yang baru baru ini diluncurkan .

Tentunya ini memberi kesan decak kagun kepada pengguna blogger. dengan adanya Threaded Comment jadi komentar lebih agak keren dibanding yang standar dulu. Tapi tadi setelah nemu salah satu Blogger Prayag Verma dan menemukan arsip keren bin ajaib tentang Prayag Verma dan sudah saya terapkan pada blog ini, liat bagian bawah dan test dengan komentar kalian :

Masuk ke Blogger
Rancangan - Edit Html - Centang Expand Widget Template.
Kemudian letakkan kode berikut ini diatas kode ]]></b:skin>

Quote :
.comment-content{white-space: pre-wrap;width: 95%;word-wrap: break-word;}
.comments .comments-content .comment {background: white;position: relative;border-radius: 0px 100px 120px;padding:5px;}
span.comment-actions, .continue {width:120px;background: #F1F1F1;border-radius: 20px 20px;text-align:center;font-weight:bold;text-decoration:none !important;}
span.comment-actions:hover, .continue:hover {background: #EBDDE2;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: #F3F3F3;border-radius: 20px;padding: 6px 12px 6px;font-weight: bold;}
.comments .thread-toggle:hover {background: #EBDDE2;}
.comments .comment-block {padding: 11px !important;margin-left: 48px;position: relative;left: 60px;background:#F1F1F1;border-radius: 10px;width: 400px;}
.comments .avatar-image-container img {overflow:visible !important;width:40px !important;}
.comments .avatar-image-container {width:40px !important;background: #F1F1F1;padding: 5px;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: 450px;background:#F1F1F1;position: relative;left: -73px;}
.comments .comments-content .user {font-style: normal;font-weight: bold;position: relative;left: 80px;}
.comments .comments-content .datetime {position: absolute;left: 270px;}
.comment-thread ol div.continue {display:none !important;}

Save Template dan lihat hasilnya.

Sekian dulu ya tutorial Threaded Comment styles dengan CSS.

Sumber : Threaded Comment styles
Kembali Ke Atas Go down
 
Threaded Comment styles dengan CSS
Topik sebelumnya Topik selanjutnya Kembali Ke Atas 
Halaman 1 dari 1
 Similar topics
-
» bercanda dengan LOGIKA
» Pasang comment Union pada commentar Blog mu
» bedanya ninja 250 dengan ninja 250 se
» BAGI YANG PERNAH PAKE KNALPOT DBS...MOHON KASI COMMENT NYA DI SINI...
» HELP!!! beda MOTUL 5100 dengan MOTUL H-TECH

Permissions in this forum:Anda tidak dapat menjawab topik
.:: Blackc0de Forum ::. :: Webmaster :: Blogspot-
Navigasi: