Iklan 125x125

Join This Site
Back

Labels

info

----------------------

Pengikut

PENGUNJUNG KE-

Diberdayakan oleh Blogger.
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 .. \ (^_^) /

3 komentar

{+} Yang Comment Harus Cakep
{+} NO Spam
{+} Berkomentarlah Gaya Blogger
{+} Dilarang Menyebar situs Yang Berbau Porno
===================================
DI KOMENTAR INI TIDAK MENGGUNAKAN
VERIFIKASI KATA ^_^

MY BANNER
Raider Blog 468x60
Raider Blog 88x31
Copyright © 2013 Kamikaze | Powered by Blogger | ReDesign by FajarNajmi | Ori. Djogsz and Renadel Dapize | All Rights Reserved |