Membuat komentar blogspot jadi keren

Salam sukses,

Assalamualaikum sobat blogger dimanapun :

kali ini saya akan membagi trik agar blog anda menjadi lebih indah dipandang. kadang sebuah tampilan mempengaruhi kenyamanan pandangan saat kita melakukan segala aktifitas. oleh karnanya banyak yang menilai penampilan yang baik menandakan orangya juga baik hati. hehehe!

oke langsung aja

jika ingin tampilan komentar blog sobat y gak jadul jadul amat silahkan ikuti trik saya kali ini :

sobat masuk ke halaman settingan blospot sobat semuanya.
kemudian pilih setelan
kemudian pilih post dan komentar
pada kolom LOKASI KOMENTAR sobat pilih TERSEMAT kemudian
kalau cara diatas sudah benar dilakukan kemudian sobat masuk lagi ke halaman settingan
pilih menu TEMPLATE>EDIT>EDITHTML
kemudian copy dan pastekan kode dibawah ini tepat diatas kode ]]></b:skin>

.comments {
  padding: 4px;
  background: #eeeeee;
  border: 1px solid #999999;
  -moz-border-radius: 5px 5px 5px 5px;
}

.comments-content .comment-thread {
  padding: 4px;
  background: #ffffff;
  border: 1px solid #cccccc;
}

.comments .comments-content .comment {
  margin-bottom: 0px; padding-bottom: 0px;
}

.comments .comments-content .comment:first-child {
  padding-top: 0px;
}

.comments .avatar-image-container {
  height: 36px;
  padding-left: 4px;
  background: #ffffff;
  border: 1px solid #cccccc; 
  -moz-border-radius: 3px 3px 3px 3px;
}

.comments .comment-block {
  padding-top: 4px;
  padding-bottom: 8px;
  padding-left: 4px;
  padding-right: 4px;
  background: #fcfcfc;
  border: 1px solid #cccccc;
  -moz-border-radius: 3px 3px 3px 3px;
}

.comments .comments-content .inline-thread {
  border: 1px solid #cccccc;
  -moz-border-radius: 3px 3px 3px 3px;
}

.comments .comments-content .comment-replies {
  margin-left: 48px;
}

.comments .comment .comment-actions a {
  margin-right: 4px;
  padding: 2px;
  background: #f3f3f3;
  border: 1px solid #cccccc;
  -moz-border-radius: 3px 3px 3px 3px;
}

.comments .continue a {
  padding: 2px;
  background: #f3f3f3;
  border: 1px solid #cccccc;
}

.comments .comments-content .datetime {
  float: right;
  margin-right: 4px;
}

.comments .comments-content .icon.blog-author {
  float: right;
  margin-right: 3px;
}

.comment-form {
  max-width: 100%;
  width: 100%;
}

lihat hasilnya ?
demikian dan terima kasih

Tomboldiva

Monday, August 19, 2013

Membuat komentar blogspot jadi keren

No comments:

Post a Comment

Labels

pop add