1.Login ke Blogger
2.Pada Dasbor Klik Tata Letak
3.Klik Edit Html->>expand template widget
4.Kemudian Letakan Code di Bawah ini di atas code ]]></b:skin>
.author-comments {
background: #DF7401;
border: 2px solid #1C1C1C;
padding: 5px;
}
NB: Warna MERAH untuk BACKGROUND silahkan di sesuaikan dgn selera sobat dan yang berwarna BIRU untuk garis tepi..
5.lanjut lagi silahkan sobat tambahkan code maka selengkpanya seperti ini:
<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>
NB: Code yang berwarna ORANGE adalah code yang harus sobat tambahkan dan yang berwarna HITAM adalah code asli dari template sobat
6.Jika sudah selesai silahkan klik simpan template
6 comments
Thank's atas infonya.saya sebenarnya ingin coba cara ini tapi saya ngeblog lewat ponsel.jadi saya nggak bisa ngecopy kode diatas.tapi tak apalah.saya coba pikirkan dulu.salam kenal.http://ego-390.blogspot.com
Salam Kenal, Makasih atas infonya ^_^
okok sama² sobat....:)
makasih juga dah mampir...
kren2 akan segra di coba maksih mas dab,,
mas dab, gimana cara membuat kyk ada tampilan menu di atas... kyk website gto..
Thanks...
Kalo yang pake wordpress dunk bro? salam kenal jo dari eserzone.com
Posting Komentar