Cara Membuat Komentar Admin Berbeda (Author Highlight)

Cara Membuat Komentar Admin Berbeda (Author Highlight)
Di Posting Oleh : Admin
Kategori : Template Tips-Trik Tutorial Blog Tutorial, Teknologi dan Kesehatan: Mangaip Blog
Saya Muhammad Rizki Fadillah mengucapkan Dirgahayu HUT RI yang ke-65. MERDEKA!!!
Ada satu fasilitas baru dari Blogger yaitu management spam. Melalui tab Komentar anda bisa me-manage komentar yang masuk. Untuk memunculkan tab ini, pertama-tama anda harus mengaktifkan moderasi komentar. Disini cara mengaktifkannya.
Dalam berkomentar terjadi interaksi antara pengunjung dengan pemilik blog. Untuk memperjelas komentar, anda harus membuat komentar admin supaya berbeda dengan komentar pengunjung blog. Ini bisa digunakan untuk membalas komentar pengunjung.

Begini cara mengaktifkannya.

1. Login ke Blogger, mauk ke halaman oprek HTML template anda (Rancangan > Edit HTML).

2. Centang kotak kecil Expand Template Widget.

3. Cari kode berikut.
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd expr:class='&quot;comment-body &quot; + data:comment.commentAuthorClass' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
<span class='interaction-iframe-guide'/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
3. Hapus dan ganti dengan kode berikut.
<b:if cond='data:comment.author == data:post.author'>
<b:if cond='data:comment.authorUrl == &quot;http://www.blogger.com/profile/06448420898790373132&quot;'>
<dt expr:class='&quot;admin-comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd expr:class='&quot;admin-comment-body &quot; + data:comment.commentAuthorClass' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
<span class='interaction-iframe-guide'/>
</p>
</b:if>
</dd>
<dd class='admin-comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:if>
<b:if cond='data:comment.authorUrl == &quot;http://demo.emeref.co.cc&quot;'>
<dt expr:class='&quot;admin-comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd expr:class='&quot;admin-comment-body &quot; + data:comment.commentAuthorClass' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
<span class='interaction-iframe-guide'/>
</p>
</b:if>
</dd>
<dd class='admin-comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:if>
<b:else/>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd expr:class='&quot;comment-body &quot; + data:comment.commentAuthorClass' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
<span class='interaction-iframe-guide'/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:if>
Ket:
1. http://www.blogger.com/profile/06448420898790373132: Alamat profil Blogger anda.
2. http://demo.emeref.co.cc adalah alamat blog anda.

Sudah selesai? Belum! Masih ada satu langkah lagi, yaitu mengedit CSS dari kode komentar admin. Caranya: cari kode ]]></b:skin> lalu ketikkan kode berikut diatasnya.
.admin-comment-author{
/* Kode bagian atas (nama dan link) komentar admin */
}
.admin-comment-body{
/* Kode bagian isi komentar admin */
}
.admin-comment-footer{
/* Kode bagian footer (bawah) komentar admin */
}
Intinya isi sesuai dengan yang diinginkan. Misalnya untuk seperti ilustrasi diatas, kodenya adalah:
.admin-comment-author{
color:red;
}
.admin-comment-body{
color:red;
background:#F5A9A9;
-moz-border-radius:10px;
padding:10px;
}
.admin-comment-footer{
color:red;
}
Lalu simpan dengan mengklik Simpan Template.

Semoga bermanfaat dan MERDEKA!!!!

Komentar

Posting Komentar

Postingan populer dari blog ini

Peluang Mendapatkan Piting, Straight Flush, dan Dragon dalam Capsa Banting

Sudah lama saya tidak ngepost, dan akhirnya sekarang ada ide, jadi Selamat Datang... eh? Anda tahu permainan Capsa banting? atau di Indonesia dikenal dengan nama permainan Capsa atau "gabruk"? Permainan yang dilakukan dengan 52 biah kartu remi tanpa joker ini sangat seru, memacu adrenalin , cocok diwaktu senggang, dan membutuhkan strategi dan kepandaian dalam mengeluarkan kartu. Cara bermainnya saya tidak akan jelaskan disini (bisa dicari di Google). Tetapi saya ingin menjelaskan sesuatu yang lebih menarik, yaitu peluang... Mendapatkan Piting (four of a kind/empat kartu bernomor sama) atau Straight Flush (seri kembang atau di indonesia lebih dikenal dengan nama "Plessi", misalnya urut dari 9 sekop-10 sekop-J sekop-Q sekop-K sekop) tentu menyenangkan, karena dengan mendapatkan kartu seperti itu anda dimungkinkan untuk mengebom yang mengeluarkan kartu tertinggi (2). Apalagi kalau mendapatkan seri dragon (seri panjang yaitu dari 3 sampai 2, tidak perduli kembang) akan ...
Baca selengkapnya

0,999... = 1

Gambar
Sudah kangen untuk menulis lagi di blog tercinta ini. Sekarang saya akan membahas permasalahan di dunia matematika yanag lumayan seru, apakah 0,999... dengan panjang angka 9 hingga ke arab (baca: tak terhingga) (haha) sama dengan satu. Sudah banyak pakar analis dan aljabar yang menyimpulkan bahwa 0,999... sama dengan satu, dengan berbagai macam metode. Ada yang menggunakan cara aljabar, analis, kalkulus, dan lainnya, bahkan secara pembulatan (ya iya lah). Tetapi kita akan mulai dengan cara yang sederhana. Pembuktian 1: Pecahan Intinya adalah mengalikan 0,333... dengan 3 sama saja dengan 0,999... dan 1/3 x 3 = 1 Pembuktian 2: Manipulasi Digit Ini cara yang diajarkan waktu SMP. Mengalikan 0,999... dengan sepuluh hanya akan menggeser satu nilai 9 ke sebelah kiri tanda koma, dan mengurangkan 9,999... dengan x (=0,999...) akan membuat nilainya menjadi 9. Dari situ didapat 0,999... = 1 Pembuktian 3: Deret Tak Hingga Diatas, 0,999... sama saja dengan 0,9 + 0,09 + 0,009... dst dan setelah dija...
Baca selengkapnya

Mempopulerkan postingan via Puncak Plurk

Gambar
Entah kenapa materi dalam postingan ini tidak bisa dilaksanakan, karena Plurk top mendisable promosi utk postingan diri sendiri. Jadi dengan sangat terpaksa, postinan ini saya nyatakan TIDAK RELEVAN. Akhirnya dapat inspirasi juga untuk ngeblog dan postang-posting, setelah kemarin berputus asa... Ada fitur baru dari Plurk yang bernama Puncak plurk . Jadi, anda bisa mempromosikan status anda di plurk ke Top plurk, yang nantinya akan dilihat orang-orang dan diberi rating. Ini sangat bagus untuk promosi blog karena akan dilihat oleh orang banyak. Cara memanfaatkannya begini... 1. Login ke Plurk terlebih dahulu. (Jika belum punya akun plurk, lihat langkah-langkah untuk mendaftarnya di: Cara daftar Plurk ) 2. Posting link yang akan dipopulerkan. Formatnya begini: http://blablabla.com/2011/01/postingan.html (Judul posting) Ket: sebelum tanda kurung harus diawali dengan SPASI terlebih dahulu. http://blablabla.com/2011/01/postingan.html adalah URL postingan yang akan dipromosikan. Atau anda ...
Baca selengkapnya