Membuat Background Komentar Admin Berbeda dengan Komentar Pengunjung

Akhirnya nemu juga cara menandai komentar blog kita sendiri dengan background yang berbeda dengan komentar pengunjung blog kita yang ditulis oleh amatullah. Walau sebenarnya saya sendiri telah menulis bagaimana cara menandai komentar kita sendiri (Highligth author comment). Dan tulisan itu sudah bisa dipraktekan dan berhasil, tapi ada tempalte yang berbeda yang kode-kodenya berbeda letaknya, seperti komentar salah satunya seperti ini

sudah coba tapi beLum berhasiL nih, kode scrip pada tempLate saya agak berbeda, mungkin penempatannya kurang tetap.
terima kasih.

Kita sebagai pemilik blog tentu juga sebagai moderator dala diskusi tulisan yang kita terbitkan, sehingga penting kiranya jika harus eksklusiv, berbeda warna backgroung komentar kita dengan komentar pengunjung yang lainnya. Ini salah satu alternatif untuk membuat komentar admin berbeda dengan yang lain.

Cara Membuat Background Komentar Admin Berbeda dengan Komentar Pengunjung
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Copy paste kode di bawah sebelum kode ]]></b:skin>

.author-comments {
background: #333333;
border: 2px solid #666666;
padding: 5px;
}

Untuk yang berwarna merah adalah kode warna background komentar, kita dapat menggantinya sesuai dengan blog kita.

6. Cari kode seperti di bawah:

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<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>
said...
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<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'>
<a expr:href='"#comment-" + data:
comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

Kode warna merah yang di tulis tebal (bold) adalah kode baru yang harus di sisipkan di antara kode di atas.

7. Simpan Template jika sudah selesai.
*)saat berkomentar kita harus dalam posisi login (sign in) di akun blogger kita.

Menampilkan Widget Pada Halaman Tertentu

Blog kamu penuh dengan widget, bagaimana mengaturnya agar terlihat rapi? Ini salah satu jawabannya, Menampilkan Widget Pada Halaman Tertentu. Kita bisa memilih menampilkan pada halaman awal (homepage) saja atau menampilkan widget pada halaman posting saja.

Cara Menampilkan Widget Pada Halaman Tertentu
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget.

Cara menampilkan widget pada halaman awal (homepage) saja.

Sisipkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> di bawah kode <b:includable id='main'>
Dan kode penutup </b:if> di bawah kode <b:include name='quickedit'/>
Contoh:

<b:widget id='HTML4' locked='false' title='TULISAN TERPOPULER' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Widget yang berupa HTML dengan id HTML4 yang judulnya TULISAN TERPOPULER akan hanya tampil di halaman awal (homepage) dan tidak tampil di halaman postingan.

Cara menampilkan widget pada halaman postingan saja

Sisipkan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> di bawah kode <b:includable id='main'>
Dan kode penutup </b:if> di bawah kode <b:include name='quickedit'/>
Contoh:

<b:widget id='HTML7' locked='false' title='TULISAN TERBARU' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Widget yang berupa HTML dengan id HTML7 yang judulnya TULISAN TERBARU akan hanya tampil di halaman postingan saja dan tidak tampil di halaman awal.