Memasang Photo Komentator
2. Cari kode kurang lebih seperti dibawah ini yg warna putih, ingat yg warna putih, dan kemudian tambahkan 2 kode yang saya cetak tebal dan warnai kuning dibawah ini kedalam kode tersebut pada edit html di blog anda. <dl id='comments-block'> </head> 4. Copy script dibawah ini dan paste diatas kode no 3 <script src='http://h1.ripway.com/antokcupu/photocomment.js' type='text/javascript'/> NB : dalam kode memasang photo author di kotak komentar atau Show Comment photo diatas anda bisa sedikit mengedit soal tata letak foto, mau dikanan atau dikiri anda bisa mengedit pada script ini <div class='commentphoto' style='float:right;'/> <-- ganti left atau sebaliknya, dan untuk kode http://h1.ripway.com/antokcupu/koalaa.jpeg <-- ini adalah gambar yg diset default jika komentator tidak dalam status login anda bisa mengganti dengan gambar yang anda suka. Sumber : http://antokcupu.blogspot.com/2009/06/memasang-photo-komentator.html
1. Login ke blogger -->> Layout--->> Edit Html ---> Centang kotak Expand Widget Templates --->> Download full Template ( jika perlu )
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<div class='commentphoto' style='float:right;'/>
<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>
<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>
</dt>
<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>
<div style='clear:both;'/>
</b:loop>
</dl>
3. cari kode dibawah ini
<script type='text/javascript'>
//<![CDATA[
BloggerProfiles.noimage = 'http://h1.ripway.com/antokcupu/koalaa.jpeg';
BloggerProfiles.imageWidth = 30;
BloggerProfiles.imageHeight = 30;
addLoadEvent(function(){showCommentPhotos('commentphoto','comment-author', 1);});
//]]>
</script>
5. Save Template dan lihat photo author akan terpasang di komentar
0 komentar:
Posting Komentar