Cara Membuat Komentar Admin Berbeda

Tutorial Blogspot - Sebelum nya kita telah membahas trik navbar yaitu Cara Menghapus Navbar dan Membuat Navbar Blog Menjadi Autohide berbeda dengan tutorial atau trik kali ini yang lebih mendekat ke persoalan kolom komentar.

Komentar adalah sebuat tulisan yang mengandung dari 'kritik,saran dan pertanyaan' berkomentar di dunia blogger itu bukan lah hal asing lagi,gimana jadinya kalau blog enggak ada komentar dari pembaca ataupun blog itu kurang menarik bagi pengunjung lalu jika seperti itu trik atau tutorial inilah yang kita pakai.

Untuk contohnya silahkan kalian komentar dulu dibawah ini nanti saya akan berkomentar juga lalu sobat lihat perbedaan kolom atau kotak komentar dengan punya saya [Admin] dibandingkan kotak komentar pembaca [pengunjung].Trik ini memang belum agak jadul bangat tapi sudah banyak para blogger yang memakai trik atau tutorial ini dan banyak juga sebagian dari mereka memodifikasi nya lagi apa salahnya kalau kita ikut memodifikasi nya sendiri,berikut kode dasar nya :

Kode Html Dasar

.comment-body-author { <<<<[Kode Dasar,Perintah atau Pembuka nya]
background: #ebebeb; <<<<[Kode untuk mengatur warna dari kotak komentar milik admin]
border:1px dotted #000000; <<<<[Kode untuk mengatur warna dari border kotak milik admin]
margin:0; <<<<[Margin nya.Tidak usah di otak-atik]
padding:0 0 0 20px; <<<<[Padding,Tidak usah di otak-atik]
} <<<[Kode Penutup nya]

Langkah-langkah

• Login ke blogger
• Klik rancangan
• Centang expand widget
• Klik download template lengkap

Nb:Sewaktu-waktu jika tutorial tidak berhasil dan template berantakan tapi kita masih punya back up template nya.

• Pastekan kode berikut diatas kode ]]</b:skin>

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

Perhatikan kode yang berwarna Merah tebal dan Hitam tebal kalian bisa menggantinya dengan warna yang kalian suka!

• Kemudian cari kode berikut ini dan fokuskan mata kalian  ke tulisan yang berwarna Hitam tebal.

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<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>

<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'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

Untuk kode yang berwarna merah adalah kode yang harus di tambahkan ke template anda sesuai dengan posisi kode yang diatas.

• Klik simpan template

Jika kalian mengikuti tutorial dengan baik maka akan berjalan lancar,silahkan bertanya lewat form komentar dibawah ini.