kali ini saya akan berbagi tips blog, Sharing kali ini tentang bagaimana cara membedakan komentar admin dengan komentar pengunjung. Tips ini sangat berguna karena pengunjung lain dapat mengetahui mana Admin blog dan mana pengunjung atau komentator. Screen Shootnya ada di bawah ini:
/* ---------------
Admin Comment
---------------------------------- */
.comment-body-author {
background: #051547;
border:1px solid #999;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
margin-left:0;
margin-right:20px;
padding:7px;
color:#ffffff;
width: 500px;
}
Selanjutnya cari kode :
<dd class='comment-body' 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/>
</p>
</b:if>
</dd>
dan simpan kode berikut tepat diatas kode tadi:
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>
terakhir tambahkan kode </b:if> tepat dibawah kode yang dicari tadi sehingga kodenya menjadi seperti ini:
<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' 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/>
</p>
</b:if>
</dd>
</b:if>
Sumber cah dabloeng
Setelah itu silahkan simpan dan lihat hasilnya. Selamat mencoba...
Untuk demonya silahkan komentar di bawah ini. hahaa....
Oke, langsung saja ke TKP, Berikut ini langkah - langkah tersebut :
- Login blogger
- Rancangan, Edit Html, Centang menu Expand Template Widget
- Simpan Kode berikut diatas kode ]]></b:skin>
/* ---------------
Admin Comment
---------------------------------- */
.comment-body-author {
background: #051547;
border:1px solid #999;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
margin-left:0;
margin-right:20px;
padding:7px;
color:#ffffff;
width: 500px;
}
Selanjutnya cari kode :
<dd class='comment-body' 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/>
</p>
</b:if>
</dd>
dan simpan kode berikut tepat diatas kode tadi:
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>
terakhir tambahkan kode </b:if> tepat dibawah kode yang dicari tadi sehingga kodenya menjadi seperti ini:
<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' 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/>
</p>
</b:if>
</dd>
</b:if>
Sumber cah dabloeng
Setelah itu silahkan simpan dan lihat hasilnya. Selamat mencoba...
Untuk demonya silahkan komentar di bawah ini. hahaa....
+ Create Comment + 2 Responses so far.
http://reader-download.googlecode.com/svn/trunk/images/emo/drummer.gifhttp://reader-download.googlecode.com/svn/trunk/images/emo/abovemehaha.gif
d terapkan dl ya sob...
makasih dah berbagi.
Posting Komentar