Labels
info
----------------------
Pengikut
PENGUNJUNG KE-
Mengenai Saya
Diberdayakan oleh Blogger.
Arsip Blog
-
2013
(8)
-
Desember
(8)
- Cara Membuat Kotak Search Keren di Blog
- Cara Membuat Link Otomatis Saat Artikel di Copy Paste
- Cara Membuat Subscribe Email Keren Di Blog
- Cara Memberi Efek Pada Gambar Dengan CSS
- Cara Membuat Thread Comment Keren
- Cara Menghapus Widget Atribusi Diberdayakan Oleh B...
- Thread Comment Sederhana di Blog
- Cara Membuat Permalink Di BLOG
-
Desember
(8)
- Back to Home »
- Tips Trick Blogger »
- Cara Membuat Thread Comment Keren
Posted by : Unknown
Selasa, 03 Desember 2013
Oke sobat The Pinki Boy pagi hari ini saya mau memberikan ilmu yang baru saja saya dapatkan ..
Yaitu membuat Thread comment unik dan menarik .. :D

Gimana keren gk ? keren dong pasti nya :D
Jika kalian ingin menerapkan nya di blog sobat ,sobat bisa ikuti tutorial di bawah ini ..
1.Login Ke Blogger
2.Klik Template>Edit Html
3.Cari Kode CSS Komentar sobat ,lalu ganti CSS kode sobat dengan kode di bawah ini ..
/* Thread Comments Mummyz */
.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;}
/* Thread Comments Mummyz End */
4.Simpan Template .. Semoga artikel kali ini bisa bermanfaat bagi kalian semua :D Saya Izin pamit dulu yah .. Byee .. \ (^_^) /

gampangkan gan , silahkan coba !!
BalasHapusAjiiiibbb Keren Bang Izin ... Nyoba ..!!
HapusSilahkan Sob !!
Hapus