Pasang picture myblog dalam komentar

Seperti biasanya ketika kita meng-klik link komentar (tentunya posting yang memiliki komentar), kamu akan melihat tampilan icon default blogger, kalau tidak seperti ini (berkomentar sebagai profil account google) atau seperti ini (berkomentar sebagai pemilik salah satu blog). Misinya kali ini adalah 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...........