Sabtu, 14 Maret 2009

Pasang Avatar Mybloglog pada kolom komentar



Sebenarnya memasang avatar Mybloglog di kolom komentar bukanlah hal
yang baru, namun dari beberapa blog yang pernah saya kunjungi ternyata sedikit
sekali mengaplikasikannya. Entah kenapa tutorial yang pernah dipopulerkan oleh
si blogger cantik

Amanda
ini ternyata tidak begitu banyak peminatnya, padahal menurut saya 
widget ini ternyata lebih bagus dibandingkan tutorial yang dulu pernah saya ulas

disini
, memang ada bedanya sih, tutorial lama yang pernah saya tulis memang
tidak menggunakan pemanggilan avatar melalui widget Mybloglog, tapi
langsung menggambilnya melalui Profile Blogger.








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




Ya sudah, lupakan tulisan dodol diatas, langsung aja ya..




1. Pastikan rekan sudah terdaftar di

Mybloglog




2. Kalo sudah, sekarang kembali ke Blogger, lalu tuju langsung 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 kode dibawah:




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




Sudah ketemu? kalo sudah, silahkan copas semua kode dibawah ini dan letakan
kembali dibawah kode 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 :)



Tidak ada komentar:

Poskan Komentar