Adsense Link 728 X 15;

Menambahkan Kode CSS Keren untuk Threaded Comment Blogger

Space Iklan Disini, silahkan Hubungi kami !

Oke kali ini saya akan share sedikit tentang tips mempercantik blog, SEO nya tahan dulu deh, kali ini saya akan share tentang bagaimana Menambahkan Kode CSS Keren untuk Threaded Comment Blogger. oke gak banya basa-basi lagi lah, langsung ikuti langkah-langkah ini:

1. Masuk Ke blogger.
2.edit Template
3. Masukan Kode CSS ini ke dalam template sobat, tepatnya di atas  ]]></b:skin>

a. Untuk Threaded Comment Berwarna Biru
Threded Comment
/*Blogger Threaded Comments From http://www.spiceupyourblog.com*/
/* Repost by http://gopar-site.blogspot.com*/
#comments{overflow:hidden}
#comments h4{display:inline;padding:10px;line-height:40px}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4,.comments .continue a{background:#1e05d8}
#comments h4,.comments .user a,.comments .continue a{font-size:16px}
#comments h4,.comments .continue a{font-weight:normal;color:#fff}
#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #1e05d8;border-right:20px solid transparent;width:0;height:0;line-height:0}
#comments .avatar-image-container img{border:0}
.comment-thread{color:#111}
.comment-thread a{color:#777}
.comment-thread ol{margin:0 0 20px}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#1e05d8}
.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}
.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}
.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f9f9f9;padding:10px}
.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}
.comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGyNjm0cW7SBVQv-5wIvQxaDh_84wNCd5PKA7lanemU8LWPGT46t5Jil6zHxqIa6-lbONMN_0Uy3xDKgO3yHdW-B1gMkOeF1qgyyA0akez54qjw34tQ1EX5ky5LzwrmdBj3UXMp3zAkGQ/s320/picresized_1338990142_comment-author-blue.gif);width:36px;height:36px}
.comments .comments-content .inline-thread{padding:0 0 0 20px}
.comments .comments-content .comment-replies{margin-top:0}
.comments .comment-content{padding:5px 0;line-height:1.4em}
.comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent}
.comments .comment-thread.inline-thread .comment{width:auto}
.comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}
.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
.comments .comment-thread.inline-thread .comment-block{margin-left:48px}
.comments .comment-thread.inline-thread .user a{font-size:13px}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}
.comments .continue{border-top:0;width:100%}
.comments .continue a{padding:10px 0;text-align:center}
.comment .continue{display:none}
#comment-editor{width:103%!important}
.comment-form{width:100%;max-width:100%}
/* Repost by http://gopar-site.blogspot.com*/
/*Blogger Threaded Comments Styles From http://www.spiceupyourblog.com*/


b. Untuk Thread Comment Berwarna Pink

Threaded Comment
/*Blogger Threaded Comments Styles From http://www.spiceupyourblog.com*/
/* Repost by http://gopar-site.blogspot.com*/
#comments{overflow:hidden}
#comments h4{display:inline;padding:10px;line-height:40px}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4,.comments .continue a{background:#d80556}
#comments h4,.comments .user a,.comments .continue a{font-size:16px}
#comments h4,.comments .continue a{font-weight:normal;color:#fff}
#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #d80556;border-right:20px solid transparent;width:0;height:0;line-height:0}
#comments .avatar-image-container img{border:0}
.comment-thread{color:#111}
.comment-thread a{color:#777}
.comment-thread ol{margin:0 0 20px}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#d80556}
.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}
.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}
.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f9f9f9;padding:10px}
.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}
.comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU6gSFf9D6xBLQu_Y2NB4dvOW5hVcCPSTc3Kb7A5gt9V1XkvjTYUNspSkymdZCESEI3HUySIWzEfhWGS9QNxTSHnfArjlE7rZgO291utvwuPHzWwHqDuM5r8H4jDYd70Mc-dhEiD37rQ8/s320/author-pink.png);width:36px;height:36px}
.comments .comments-content .inline-thread{padding:0 0 0 20px}
.comments .comments-content .comment-replies{margin-top:0}
.comments .comment-content{padding:5px 0;line-height:1.4em}
.comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent}
.comments .comment-thread.inline-thread .comment{width:auto}
.comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}
.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
.comments .comment-thread.inline-thread .comment-block{margin-left:48px}
.comments .comment-thread.inline-thread .user a{font-size:13px}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}
.comments .continue{border-top:0;width:100%}
.comments .continue a{padding:10px 0;text-align:center}
.comment .continue{display:none}
#comment-editor{width:103%!important}
.comment-form{width:100%;max-width:100%}
/* Repost by http://gopar-site.blogspot.com*/
/*Blogger Threaded Comments Styles From http://www.spiceupyourblog.com*/
c. Untuk Threaded Comment  Berwarna Hijau
Threaded Comment 
/*Blogger Threaded Comments Styles From http://www.spiceupyourblog.com*/
/* Repost by http://gopar-site.blogspot.com*/
#comments{overflow:hidden}
#comments h4{display:inline;padding:10px;line-height:40px}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4,.comments .continue a{background:#56d805}
#comments h4,.comments .user a,.comments .continue a{font-size:16px}
#comments h4,.comments .continue a{font-weight:normal;color:#fff}
#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #56d805;border-right:20px solid transparent;width:0;height:0;line-height:0}
#comments .avatar-image-container img{border:0}
.comment-thread{color:#111}
.comment-thread a{color:#777}
.comment-thread ol{margin:0 0 20px}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#56d805}
.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}
.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}
.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f9f9f9;padding:10px}
.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}
.comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8crVOUTK-VSMTFjfai0VfpoL9JniorFvLtCfD605pqbJ4rY2B8Cq3P8LyqY_Ve-m9rPX8fcM-bXaBfLGfn6NUtBd-lGwK8I7_nfGIwBLVhFWNQ5lKb_U0EUPABsIBp86HsgnWyeg2sSY/s320/picresized_1338989738_comment-author-green.gif);width:36px;height:36px}
.comments .comments-content .inline-thread{padding:0 0 0 20px}
.comments .comments-content .comment-replies{margin-top:0}
.comments .comment-content{padding:5px 0;line-height:1.4em}
.comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent}
.comments .comment-thread.inline-thread .comment{width:auto}
.comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}
.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
.comments .comment-thread.inline-thread .comment-block{margin-left:48px}
.comments .comment-thread.inline-thread .user a{font-size:13px}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}
.comments .continue{border-top:0;width:100%}
.comments .continue a{padding:10px 0;text-align:center}
.comment .continue{display:none}
#comment-editor{width:103%!important}
.comment-form{width:100%;max-width:100%}
/* Repost by http://gopar-site.blogspot.com*/
/*Blogger Threaded Comments Styles From http://www.spiceupyourblog.com*/
4. Jika sudah Klik Save dan lihat hasilnya :)

Sekian tips saya, kritik dan saran saya butuhkan, silahkan berkomentar.

Description: Menambahkan Kode CSS Keren untuk Threaded Comment Blogger Rating: 3.5 Reviewer: Unknown ItemReviewed: Menambahkan Kode CSS Keren untuk Threaded Comment Blogger

10 comments:

Artikel Sobat said...

Bagus... ^_^




Kunjungan neh... *_*
Blog walking Sob ~_~
hehehehe >_<

Unknown said...

iyah,,sama-sama..

emmethe said...

weehh ,,, lagi marak nih tutorian ini ,, nanti saya coba sob....

Unknown said...

iya sob,,kenapa nanti?

Dwi Sektiyono Cahyo said...

Mantap infonya gan...

Dwi Sektiyono Cahyo said...

Mantap infonya gan...

Unknown said...

iya sob..makasih udah mampir

Unknown said...

kenapa harus dua segal sob

Rizal Nurhidayat said...

Mantaf sobh... udah ane coba dan hasilnya memuaskan... :D

Indzign said...

Keren brad

Post a Comment