Merubah tampilan icon komentator dengan gambar

Merubah tampilan icon komentator dengan image/gambar, kita sebut saja dengan "picture" dalam mybloglog. picture yang ditampilkan dalam versi kecilnya dapat anda lihat dalam widget "Recent Visitor", dalam elemen sidebar di bawah "Follower" blog j_putra. Anda tertarik ingin langsung mengaplikasikannya dalam komentar blog kamu?!? ikuti langkah-langkah di bawah ini

• Log in dulu ke blog kamu
• klik Tata letak
• Edit HTML
• centang "Expand Template Widget"
• download dulu tamplate blog anda
• kemudian cari kode </head> copy paste kode berikut persis diatas </head>
  
  
  <script type='text/javascript'>
  //<![CDATA[
  /*
  Merlinox and Napolux MyBlogLog Avatar Creator
  created by Merlinox (blog.merlinox.com)
  helped by Napolux (www.napolux.com)
  
  version 0.1 (20061214)
  version 0.2 (20061215)
  compatible with all blogger blog
  */
  
  if(typeof(myLayer)!='function'){
  function myLayer (x){
  //individuo l'oggetto
  if(document.layers){ // browser="NN4";
  lay=document.layers[x];
  }
  if(document.all){ // browser="IE";
  lay=eval("document.all." + x);
  }
  if(!document.all && document.getElementById){ // browser="NN6+ or IE5+ if you're willing to dump the !document.all stuff";
  lay=document.getElementById(x);
  }
  return lay;
  }
  }
  
  //lo prendo da blogger
  function myBlogAvatar(codiceCommento,autore,stile){
  //scrivo lo span
  //var myBlogSpan = "myBlog-" + codiceCommento;
  //document.write("<span id='" + myBlogSpan + "'><i>myBlogLog...</i></span>");
  
  //metto tutto minuscolo perchè indexOf è case sensitive
  
  if (autore != ""){
  alt="MyBlogLog: " + autore;
  
  myBlog = "<a target='_blank' href="http://www.mybloglog.com/buzz/co_redir.php?href=" + autore + "" rel='nofollow'><img src="http://pub.mybloglog.com/coiserv.php?href=" + autore + "" alt="" + alt + "" title="" + alt + "" border="1" class="myBlogAvatar"></a>";
  //myLayer(myBlogSpan).innerHTML = myBlog + myLayer(myBlogSpan).innerHTML;
  //myLayer(myBlogSpan).innerHTML = myBlog;
  document.write(myBlog);
  }
  }
  //]]>
  </script>
• Kemudian cari kode di bawah ini
  <b:loop values='data:post.comments' var='comment'>
• kemudian copy paste kode berikut persis di bawah code diatas
  
  
  <div style=&#039;border:0;float:left;margin: 0 5px 0 0;'>
  <script>
  myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
  </script>
  </div>
• Kamu bisa memodifikasi kode yang ditandai dengan warna merah.
• Kemudian simpan

Selamat mencoba...