Pasang Avatar Mybloglog Pada Kolom Komentar

Sebenarnya memasang avatar Mybloglog di kolom komentar bukanlah hal yang baru, namun dari beberapa blog yang pernah aku kunjungi ternyata sedikit sekali mengaplikasikannya. Entah kenapa tutorial yang pernah dipopulerkan oleh si blogger elok Amanda ini ternyata tidak begitu banyak peminatnya, padahal berdasarkan saya  widget ini ternyata lebih bagus dibandingkan tutorial yang dulu pernah aku ulas disini, memang ada bedanya sih, tutorial usang yang pernah aku tulis memang tidak memakai pemanggilan avatar melalui widget Mybloglog, tapi eksklusif menggambilnya melalui Profile Blogger.

Nah, ditengah kesibukan aku ketika ini dan kemaren nyempetin waktu sebentar nyobain avatar yang sudah terbilang bau ini, eh kesannya sungguh diluar dugaan.. ternyata hingga ketika ini sudah ada sekitar ratusan ribu blogger yang ngantri dan tertarik ingin juga memasangnya (waks* tertangkap berair bener ngibulinnya wkwkwwk). Huh..berhubung terus menerus di desak dan malah ada yang berani bayar tutorial ini dengan harga tinggi yah mau gak mau aku tulis saja eksklusif tutorialnya. Halah ngalur ngidul gak jelas...(biasa lagi error mode on hihihi)

Ya sudah, lupakan goresan pena dodol diatas, eksklusif aja ya..

1. Pastikan rekan sudah terdaftar di Mybloglog

2. Kalo sudah, kini kembali ke Blogger, kemudian tuju eksklusif kehalaman Edit HTML. Cari tag </head> kemudian copy-paste saja semua script dibawah ini dan letakan diatasnya. (jangan lupa di save dulu)

<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. Masih pada halaman Edit HTML, beri tanda centang pada Expand Widget Templates. Kemudian cari arahan dibawah:

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

Sudah ketemu? kalo sudah, silahkan copas semua arahan dibawah ini dan letakan kembali dibawah arahan diatas.

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

4. Simpan dan lihat hasilnya..met nyoba aja dah :)

Bagikan Artikel ini