Photo pada Comment di New Blogger

May 4, 2008 by Adam Pahlevi  
Filed under Google Blogger

Leave a comment

Pada WordPress, ini biasa disebut Gravatar. Stephen Weber dari Singpolyma telah merelase/mengupdate hack-nya tentang pembuatan/peletakan photo pada komen di Blogger. Kalau dahulunya, hack yang diciptakan oleh Singpolyma ini hanya berlaku untuk Old/Classic Blogger, untuk yang satu ini… hacknya berhasil untuk New/Beta Blogger. Bagaimana cara pengimplementasiannya???

Pertama-tama, kita masuk terlebih dahulu di Edit HTML dan centang kotak centang ‘Expand Widget Templates’. Setelah itu, kita cari baris kode ini:

<dl id=’comments-block’>
<b:loop values=’data:post.comments’ var=’comment’>

Dan tambahkan kode ini tepat dibawah kode diatas:

<div style=”clear:both”>
<dt style=”float:left;margin-right:5px;clear:both;” expr:id=’”commentphoto” + data:comment.id’></dt>
<script type=”text/javascript”>if(typeof(commentPhotoIds) == ‘undefined’) var commentPhotoIds = []; commentPhotoIds.push({’id’:'commentphoto<data:comment.id/>’, ‘url’:'<data:comment.authorUrl/>’});</script>

Geser pointer editor (kursor) kebawah sedikit hingga kita menemukan penutup dl bagi comments-block (</dl>) tidak seberapa jauh dari situ. Jika kita sudah menemukan dl-yang kita maksud itu, tambahkan kode penutup div (</div>) tepat sebelum kode dl-tersebut.

Sekarang… kita cari tag </body>, dan tepat sebelumnya kita tambahkan kode berikut:

<script type=’text/javascript’>
//<![CDATA[
function commentPhotoDo() {
var tag;
for(var i in commentPhotoIds) {
tag = document.createElement('script');
tag.type = 'text/javascript';
tag.src = 'http://scrape.singpolyma.net/avatar.php?maxwidth=70&url='+encodeURIComponent(commentPhotoIds[i].url)+’&id=’+encodeURIComponent(commentPhotoIds[i].id)+’&defaultimage=’+encodeURIComponent(’http://img139.imageshack.us/img139/1011/defaultavatarad7.png’);
document.body.appendChild(tag);
}//end for var i in commentPhotoIds
}//end function commentPhotoDo
commentPhotoDo();
//]]>
</script>

Random Posts

Tags:

Enter Google AdSense Code Here

Comments

Tell us what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!