Add me on Google+
Add me on Facebook

Cara Memasang Avatar Pada Kotak Komentar

Diposting oleh Label: di
Pada sahabat yang bertanya.. Sebenarnya ada dua cara untuk pasang avatar pada kotak komen, setakat yang Ana jumpa. Ana lebih suka menggunakan avatar MBL ni. Pernah juga menggunakan avatar author komen, tapi ada beberapa masalah. Ok caranya...

1. Pertama, mestila kene ada akaun MyBlogLog kan, kalau xde daftarla dulu. Dah selesai baru boleh ikut step seterusnya..
2. Kalau dah ade akaun, terus ke bahagian Layout => Edit HTML. Tandakan pada kotak Expand Widget Template.

3. Tambahkan kod dibawah sebelum kod </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>

4. Seterusnya cari kod ini.


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

5. Dah jumpa, tambahkan kod berikut dibawahnya.


<div style='border:0;float:left;margin: 0 5px 0 0;'>


<script>


myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');


</script>


</div>

Ok siap..Klik save template..

Selamat mencuba..
Posting Komentar

Back to Top