Kamis, 12 April 2012

Membuat komentar admin berbeda pada threaded comment


Membuat komentar admin berbeda pada threaded comment dengan css emmm gimana ya abis ngutak atik pake' chrome ternyata berhasil, jika beberapa temen blogger memakai JS untuk membuat komentar berbeda, itupun background nya gak bisa di ubah semoga eksperimenQ ini gak sia sia dan bisa bermanfaat untuk semua nya. sebenarnya kita hanya memanfaatkan icon author yang tampil hanya pada admin. tapi jangan fikir kita akan memberi icon justru icon itu akan kita lenyapkan dan menggantinya dengan background sesuai selera kita, mau gambar atau warna terserah kita. ni screenshotnya


Dengan penambahan Css z-index dan Css position jadilah background pada komentar admin kita hemmmm ok mari langsung kita coba.

  1. Masuk di dasbor anda
  2. Klik Rancangan / Template
  3. Klik Edit HTML
  4. Klik Lanjutkan / Proceed ( jika editor baru )
  5. Centang Expand Template Widget
  6. Kemudian cari kode di bawah ini

.comments .comments-content .icon.blog-author {
....
....
}

Nah setelah ketemu hapus kode itu dan ganti dengan kode di bawah ini

.comments .comments-content .icon.blog-author {
display: inline-block;
height: 14px;
margin: 0;
position: absolute;
top: 0;
right: 0;
background-color: #4C3;
width: 100%;
height: 100%;
z-index: -1;
}

Kemudian cari lagi kode seperti di bawah ini

.comments .comment-block {
. . . .
. . . .
}

Setelah ketemu silahkan hapus dan ganti dengan kode css di bawah ini

.comments .comment-block {
margin-left: 48px;
position: relative;
padding: 5px;
z-index: 99;
}

Setelah itu klik Pratinjau jika baik baik saja klik SIMPAN TEMPLATE. dan silahkan lihat hasilnya, Itulah Trik membuat komentar admin berbeda pada new threaded comment Moga bermanfaat.