Cara Menampilkan foto komentator

Sebelumnya saya sudah pernah memberikan tutorial bagaimana cara menampilkan foto dari komentator. Sekarang ada cara baru yang cukup mudah untuk dilakukan. Yuk kita lihat caranya...

1. Pertama kamu harus memiliki account mybloglog dan sudah mengupload foto kamu disana, jika belum silahkan daftar dulu disini.

2. Jika sudah, masuk ke halaman edit html template kamu. Kemudian klik centang "expand widget". Lalu tekan "control+f" dan masukkan kode </head> kemudian enter.

Jika sudah menemukan kode di atas, copy paste kode di bawah ini tepat di atas kode </head> tadi.

<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>

3. Lalu kita masuk ke tahap selanjutnya, tekan "control+f" lagi dan masukkan kode

<b:loop values='data:post.comments' var='comment'>

jika sudah ketemu, copy paste kode di bawah ini tepat di bawah kode di atas.


<div style='border:0;float:left;margin: 0 5px 0 0;'>
<script>
myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script>
</div>

Pemasangannya seperti ini :

<b:loop values='data:post.comments' var='comment'>


<div style='border:0;float:left;margin: 0 5px 0 0;'>
<script>
myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script>
</div>



4. Langkah terakhir adalah simpan dan lihat hasilnya.




Selamat mencoba, salam tips blogger.

Read this | Baca yang ini

Widget by [ Tips Blogger-Tutorial Blogger Pemula ]