Senin, 02 Januari 2012

Cara Membuat Warna Komentar Admin Di Blog Menjadi Berbeda

Agar kegiatan komunikasi melalui komentar dengan para pembaca menjadi lebih nyaman, kita dapat melakukan beberapa perubahan terhadap tampilan komentar yang muncul di setiap postingan blog kita. Salah satunya adalah kita dapat memberikan warna untuk komentar kita sebagai admin pemilik blog yang muncul berbeda warnanya dengan komentar dari pembaca yang mengunjungi blog kita tersebut.

Adapun cara membuat warna komentar admin di blog menjadi berbeda dengan komentar dari pembaca adalah sebagai berikut:

Pertama, masuk ke dalam akun blogger kita masing-masing.
Setelah itu klik rancangan.
Klik edit HTML.
Klik/contreng expand template widget.
Cari kode ]]></b:skin> dan tempelkan kode berikut di atasnya.


.comment-body-author {
background: #CCCCCC;
border:1px dotted #FF6600;
margin:0;
padding:0 0 0 20px;
}

Keterangan:

  1. Untuk memudahkan pencarian, gunakan tombol Ctrl+F pada keyboard.
  2. Download dan simpan template lengkap kita terlebih dahulu sebagai langkah antisipasi jika pada saat editing template ini kita mengalami kegagalan.
  3. Background, menunjukan warna pada latar belakang komentar admin.
  4. Border, menunjukan garis tepi. Semakin besar pikselnya, maka akan semakin tebal. Kita juga dapat mengganti warna dari border tersebut.
  5. Baca Postingan Tentang  Kumpulan Kode HTML Warna


Perhatikan kode HTML di bawah ini.

<data:commentPostedByMsg/>
</dt>


<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>


<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>


</b:if>


<dd class='comment-footer'>
<span class='comment-timestamp'>

Keterangan:

  1. Kode yang berwarna biru adalah kode HTML yang sudah ada di dalam template blog kita. Sedangkan kode yang berwarna merah adalah kode HTML yang perlu kita tambahkan. Ingat, perhatikan baik-baik letak atau posisinya.
  2. Untuk bisa menampilkan komentar yang berbeda, kita sebagai admin blog harus login terlebih dahulu sebelum berkomentar. Dan pastikan jika profil yang digunakan untuk berkomentar adalah Google account kita masing-masing.

Setelah semuanya selesai, klik simpan dan selesai.          

Ada yang kesulitan?
Jika masih ada yang bingung dan kesulitan, silakan disampaikan lewat komentar di bawah ini ya.
Salam blogger!


sumber : www.panduanbelajarblog.com

1 komentar:

  1. wah gan,, sangat bermampaat gan,,, thanks infonyagan.. mampir juga ia

    http://thumber-kreatif.blogspot.com

    BalasHapus