Blog Inspirasi Digital

Blog Inspirasi Digital

Tutorial Mikrotik, Hotspot, Blog, SEO, WEB 2.0, HTML, CSS, Javascript dan Inspirasi Digital

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

251 komentar:

  1. PERTAMAXXXX<<<<

    akhirnya ega pertamax juga di blognya oom

    hahahaha :))

    BalasHapus
  2. wuih,, ada avatarnya juga.... keren om,, terus berkarya!!!

    BalasHapus
  3. tanya Oom.
    ntuh avatar yang nampak hanya anggota mybloglog aja?

    BalasHapus
  4. @Ega: thanks untuk pertamax nya ega :D

    @Sandiasa: Iya, kalo gak terdaftar icon avatarnya gak nonggol dan yang tampil cuman tanda tanya "?" :)

    BalasHapus
  5. Tarerenkyu om... informasinya

    http://tump4k.blogspot.com

    BalasHapus
  6. thanks om segera saya praktekan

    BalasHapus
  7. kbtln lg nyari..
    sy udh daftar niy om, tp msh bingung cr make widgetnya.. *dsr oon* :-t kr2 Oom ada tutorial yg bhs lengkap soal MBL ini gk ya? (kyk cr msg widgetnya, truz munculin recent readernya, etc.) thxxx.. ;)

    BalasHapus
  8. mantap...dicoba ah......

    BalasHapus
  9. Saya belum punya avatar di Myblogblog Om...

    BalasHapus
  10. wah, kok tutorialnya malem2 gini ya :D
    besok aja lah dicoba (klo inget) ;))
    makasih oom ilmunya ;)

    BalasHapus
  11. oke Om..segera di utak-atik Blog Urang......trims info-nya lho :D

    BalasHapus
  12. tutorial keren ui... mantap om...

    BalasHapus
  13. selalu ada tips hebat ya Om :) saya akan coba pasang juga nih

    BalasHapus
  14. Kalau yang sudah masang photo author di setiap komentar gimana tu Om? apakah harus di hapus dulu atau gak usah?

    BalasHapus
  15. KIra2 berat nggak om?
    Tapi kelihatannya keren tuch...

    BalasHapus
  16. Wuih... tutor mantap lagi OOM... Oke ntar saya coba.. Save dulu mau tidur. Hehehehehe...

    BalasHapus
  17. wew.. keren nih kayanya.. thank's mas buat inponya he..he..

    BalasHapus
  18. pasang ga ya ??? :-/

    keren sih tapi berat keknya om :|

    BalasHapus
  19. Wah boleh dicoba nih, thank you...

    BalasHapus
  20. wedew kapan ya Om sempet buat nyoba.. :((

    BalasHapus
  21. dicoba dolo ah...tq om

    BalasHapus
  22. om mau tanya...cara nambahin Name/URL di kotak komentar tuh gmn y...kok dikotak komentarku g muncul Name/URL

    BalasHapus
  23. bisangga ya oom pake GFC :-)

    ngarep nih oom...,

    BalasHapus
  24. mau coba muncul apa engga' ya foto kerenku :))
    thanks ya Om

    BalasHapus
  25. Anonim15/3/09

    tips yang bagus banget. makasih om... ntar dicoba.

    BalasHapus
  26. wah mantap om...thank tutornya :)

    BalasHapus
  27. thank's om.... mau dicoba ah...

    BalasHapus
  28. Akhuitnya pake Avatar juga di Blognya om

    BalasHapus
  29. kalo yang gravatar muncul gak ya ???

    BalasHapus
  30. Ternyata gak muncul

    BalasHapus
  31. teknik hack comment yang menarik, makasih udah di share, kiraiin oom udah ngak ngasih tutor. btw mungkin lebih menarik kalo pake photo dari blogger untuk komennya...

    nice job...thanks.

    BalasHapus
  32. makasih atas trick nya Om!

    langsung coba deh....

    BalasHapus
  33. Hmm, ini yg saya cari-cari selama ini. Tapi sebelum nemu ini, saya pake cara ngehack kode source blognya mas Eko buat dapeting kode-nya :)) Thx berat ya OM.

    BalasHapus
  34. wDuch...Q udh coba nech but kgak maw, da sran G??

    BalasHapus
  35. mo pasang jga sih mas.. tapi takut ngeberatin blog..

    BalasHapus
  36. makasih, tutorialnyah oom

    BalasHapus
  37. duh photoku nampang disini Om, terasa jadi artis aja..hehehe

    BalasHapus
  38. makasih om buat infonya..walapun ga berhasil juga..hehehe..maklum oon

    BalasHapus
  39. pembawa berita15/3/09

    Baca berita terbaru Zalukhu vs Joko Susilo menurut pendapat Mualim

    Baca Disini

    BalasHapus
  40. pembawa berita15/3/09

    Baca berita terbaru Zalukhu vs Joko Susilo menurut pendapat Mualim

    Baca Disini

    BalasHapus
  41. apaan nih...?
    gak mudeng, om,,hehehe...

    belajar dulu ah...

    BalasHapus
  42. ngetes.. ada avatarnya ga yach..?

    BalasHapus
  43. kok avatarnya ga nongol ya? gimana tu oom? :((

    BalasHapus
  44. hmm...coba ah.nice info

    BalasHapus
  45. kalo dateng kesini pasti nambah ilmunya...

    BalasHapus
  46. Waa... pake blogger ya? Gak nyangka bisa sebagus ini. Templatenya nggak kalah dengan Wordpress.

    BalasHapus
  47. Anonim15/3/09

    Ikutan ngetest avatarnya ach.....

    BalasHapus
  48. Anonim16/3/09

    Tambahan buat oom, komentar pakai Open ID avatarnya jg muncul kok!

    BalasHapus
  49. avatar saya ada ga ya disini ???

    BalasHapus
  50. avatar di gravatar dan mybloglog saya sama jadi nggak ada perubahan hehhehe

    BalasHapus
  51. Oh gitu toh caranya om, langsung dipraktekin dah. Tengkyu banget :)

    BalasHapus
  52. wuih dari dulu aku penasaran sama ini, ternyata o-om berikan solusi heheh :D

    BalasHapus
  53. wuihh manteo om, aq kok baru tahu ya :)

    BalasHapus
  54. Udah berapa makam nggak buka akun myblogblog ya?:))

    BalasHapus
  55. wah yg baru nih dari si om. mo nyobain nih. masa dari dulu gravatar mulu :)

    BalasHapus
  56. keren abis bozz...jadi suka nih..!!! hee300x....

    BalasHapus
  57. avatarnya anak nias nongol gak ya? hehehe thank om...

    BalasHapus
  58. avatarnya anak nias nongol gak ya? hehehe thank om...

    BalasHapus
  59. Wah, tutorialnya agak beda dengan yang saya terapkan, Om. Tapi hasilnya sama-sama bagus koq. Thanks atas infonya, Om. Bermanfaat sekali bagi teman-teman. :D

    BalasHapus
  60. wah lama ngak jalan kemari ketinggalan info yang asik asik2 nih...
    sukses and trus smangat ya om :)

    BalasHapus
  61. manstab tipsnya, ternyata bisa juga ya pasang avatar mybloglog disini :)

    BalasHapus
  62. wah asyik tu, ikut ah..

    BalasHapus
  63. nice info.. keren kang.. entar nyoba deh...

    BalasHapus
  64. nyoba avatarku... muncul ga yah... numpang ya ooom...

    BalasHapus
  65. Ini yg saya tunggu2, Om.
    sudah saya terapkan dan langsung maknyusss...
    makasih atas ilmunya, Om. :)

    BalasHapus
  66. oke om, aku mau nyoba juga ah...hehehe

    BalasHapus
  67. wow iya om, lebih keren emang neh,,keren keren... thanks ya om...

    BalasHapus
  68. ini bisa dicoba yap untuk di blog.makasih infonya om

    BalasHapus
  69. Waduh bisa diterpin ounya gua gak ya?

    BalasHapus
  70. mo di coba dulu deh, kyknya bagus jg neh

    BalasHapus
  71. muncul tuh wajah-wajahnya, sambangin yang cantik ah :X

    BalasHapus
  72. @maya: kalo itu om belum pernah buat tutorialnya.

    @Tongkonan: mungkin pilih salah satu aja :)

    @NdyTeeN : itu ada disetting komentarnya.

    @Afrid: kalo itu belum tau caranya.

    @AvienRizki: tu dah beda layanan.

    @deBian: coba lagi..harus bisa :)

    @Kang Rohman: hihihi gak marahkan sobat :D

    @dab-penyoblog.co.cc: oh bisa ya? sip kalo gitu

    @Ecko: kayaknya punya eko udah lama dipasang :)

    BalasHapus
  73. mantap banget om
    makasih banyak ya om tutorialnyaaa

    tapi koq punyaku gak serapi punya oom yaaaa
    :)
    tapi tetep keren koq om

    BalasHapus
  74. ;)) Saya dolo juga sempet bingung kenapa yach pas comment foto alias avatar saya ga ada.pas baca tutor akhirnya sukses
    masih banyak juga tuh para bloger yang lom masang avatarnya kasihan juga klo ga tau info kek gini.

    BalasHapus
  75. keren uey ada potonya sepp sepp :)

    BalasHapus
  76. wah muanteb nech tutorial na, tapi ko di blog w ga mau y... wah gimana nech tlong bntu ya......

    BalasHapus
  77. om aku newbie yang paling awam tolong diajrin dunk yang lebih detail apa aja yang dirubah disitu aku gak bisa bahasa php juga lagi

    BalasHapus
  78. tq om ^^ ilmu baru ^^ nanti coba di terap kan ah hehe...

    BalasHapus
  79. MANTAB OM.............

    BalasHapus
  80. Anonim19/3/09

    wah bagus nehh,,boleh donk dicoba buat blog kita di myokezone.blogspot.com

    BalasHapus
  81. kagak kuat om, ntar pasti bikin tambah lemot blog ya!!,

    BalasHapus
  82. Numpang pamer tampang om wkekekeekke.... :D

    BalasHapus
  83. weleh kok ga ada foto cakep saya om? :(( ga tampil sedih dah...

    BalasHapus
  84. Bueh...muncul om...ternyata harus make url huhuhu....

    BalasHapus
  85. om, menurutku sih lebih enak pae gravatar ya. Sayang sekali blogger tdk punya fasilitas gravatar...

    BalasHapus
  86. Anonim22/3/09

    Assalamualaikum, nyoba ngetest komentar...:D

    BalasHapus
  87. maksih ya om tutorialnya..
    terusberkarya om..
    keep blogging..

    BalasHapus
  88. kalo yang komen belom jadi anggota mybloglog, alias pembaca murni gimana om?

    BalasHapus
  89. o-om aku dach pasang kyak punya o-om ini tapi biar tampilan/style kotak komentarnya kaya o-om gimana yach mohon pencerahaanya yac om :D

    http://trik-tipsblog.blogspot.com

    BalasHapus
  90. dah bisa om,makasih yaaa

    BalasHapus
  91. kalo biar komen author blognya beda gmn om? kaya punya oom ini

    BalasHapus
  92. saya belum punya ini mas.. ma kasih ya

    BalasHapus
  93. blog saya rada berat...jadi tambah berat gak ya kalo nambah feature ini??

    BalasHapus
  94. om...gak bisa kluar...gmna cara nya??

    BalasHapus
  95. Maksih tips ya om, kita akan coba

    BalasHapus
  96. makasih tipsnya om... tapi avatanya lom nongo.. cuma tanda tanya besar doank???? :(

    BalasHapus
  97. wew.. coba dulu ah.. hehe..
    mumpung libur, ada waktu.. :P

    BalasHapus
  98. caranya ngasih avatar nya gmna om??

    ;))

    BalasHapus
  99. o-om aku dach pasang kyak punya o-om ini tapi biar tampilan/style kotak komentarnya kaya o-om gimana yach mohon pencerahaanya yac om

    aku dach dua kali nanya sama ini tolong di jawab yach o-om.
    thanks to o-om :D ;))

    BalasHapus
  100. koq gak kluar boz?

    BalasHapus
  101. Tes Avatar qu, bim salabim!!!!!!!!!!!!

    BalasHapus
  102. o-om, kagak bisa ni avatarqu om:((

    BalasHapus
  103. Horeeee....
    avatarqu dah nongol om, pantesan susah nongolnya, abis fhotonya terau keren =))=))=))
    thanks berat ya om

    BalasHapus
  104. ikut2 trims om!

    BalasHapus
  105. Maksih ... sydah tak coba kok ... belum berhasil ya ?

    BalasHapus
  106. trims om infonya..

    BalasHapus
  107. btw om koq avatar yg di saya malah setengah lebih tinggi dari kolom nih om kayak gini http://3.bp.blogspot.com/_xsHS1tolUKA/SdgTO1tBXII/AAAAAAAAAUU/sw6IWFvFC1s/s400/1.JPG

    BalasHapus
  108. wah mantaeb...

    BalasHapus
  109. koq avatar ku ndak muncul?

    BalasHapus
  110. om pa nya yang salah ya?

    BalasHapus
  111. dicoba maaf o-om udah nyepam disini jangan ban say..

    BalasHapus
  112. huhuhu......keren om saya dulu juga udah nyoba tapi di IE avtarnya jadi gk karuan om.......jadi males pasang gituan....entar kalo ad solusinya dikabarin ya om. Thank's

    BalasHapus
  113. Anonim15/4/09

    Good bgt dah infonya,,thanks yaa

    BalasHapus
  114. Anonim17/4/09

    om makasih banyak, tutorialnya gampang dipahami, saya baru belajar blogger, sebelumnya pake wp, tapi saya sedikit paham tentang blogger dengan tutorial om. wow sukses slalu om. salam dari orb "OFa Ragil Boy

    BalasHapus
  115. wduh..keren juga nee

    BalasHapus
  116. baguss omm...makasih yaa

    BalasHapus
  117. Anonim28/4/09

    om, kalo yg blogspot caranya gimana tuh?

    thanks before... ^^

    BalasHapus
  118. Mantap tutorialnya... makasih banyak om

    BalasHapus
  119. thank ya mas... tp gmn neh foto punyaku sendiri kok gak nongol... :-o

    BalasHapus
  120. mas tak coba lg ya... nampang gak ceh fotoku... :D

    BalasHapus
  121. aku bingung.. :-/ kenapa gak muncul juga to??? ~x(

    BalasHapus
  122. ini aq cb yg terakhir... :( klo gak bisa ya wis mgk gak leh terkenal ... :D

    BalasHapus
  123. om saya belajar banyak dari site ini.. thx
    komentarin blog saya juga , masih baru belajar nih
    http://buatblog-masterroy.blogspot.com/

    BalasHapus
  124. Udah dipasang di kombor.net, Om. Makasih.

    BalasHapus
  125. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  126. kang O-0m......nakasih yah tutornya
    btw postingannya aku kopas yah ke blog aku.Tapi aku ga mengurangi rasa hormat ku sama kang Oom.aku kasih sedikit keterangan yakni berupa nara sumber post ini dari akang. :)
    Om...link balik ke blog aku donk
    di http://getting-more.blogspot.com

    BalasHapus
  127. Wah bos smkin mantap ajch ni artikelnya, aduh wa ketinggalan nih tapi kagak ape2 masih ada waktu

    BalasHapus
  128. Tutorial yang sangat berharga sekali, makasih mas agus...

    BalasHapus
  129. langsung praktek

    BalasHapus
  130. kang O'om...gimana caranya untuk ngilangin icon blogger ?
    coz avatar MBL saya posisinya tumpang tindih sama icon blog di kotak komentar. =00

    BalasHapus
  131. Hmmm, udah nyoba Om, berhasil sih...
    Cm aneh, tulisan di Blog gue jadi pada gede semua, hihihi...
    Ni balikin lg ke semula...

    BalasHapus
  132. Anonim6/6/09

    tengkyu o-om

    BalasHapus
  133. Om itu bisa di pasang di template klasik g???
    makasih :)

    BalasHapus
  134. kok susah ya ....

    BalasHapus
  135. Aku penasaran bikin baru yang lama kok Myblog recent readernya kok jelek. Apanya yang salah

    BalasHapus
  136. bagus nih bro... bs sekalian mejeng di comment
    sukses selalu

    BalasHapus
  137. makasih tutornya mas..nice blog...

    BalasHapus
  138. om ini yang dicari, coba praktek ya!:)

    BalasHapus
  139. avatarku kok g kelihatan?

    BalasHapus
  140. thanx om infona...

    BalasHapus
  141. kenapa kelihatan tanda soal saja...
    check at www.arkimz.blogspot.com

    BalasHapus
  142. Mantap om, makasih :)

    Regards,
    Ghustie Samosir

    www.hanyainfo.blogspot.com

    BalasHapus
  143. hOOOO.........
    SAia senang sekali thanks banget yupp...:-*

    Oh,iah numpang promosi...
    mampir ke blog aku yups...
    basecamp-asianfans.blogspot.com klik disini

    BalasHapus
  144. coba kl pake url, muncul ga ya?

    BalasHapus
  145. Thankss,,,
    mantep bgt om

    Minta izin Copy artikel'a ia!!!

    BalasHapus
  146. thanx infonya...manttaaaaabbbbbbbbbbbbbbbb

    BalasHapus
  147. makasih om.. atas info-infonya...
    kunjung dong ke blog gue.....
    he...he..he...he.:D

    BalasHapus
  148. mantap oom... lanjutkan..!!

    BalasHapus
  149. @O-OM, fotoku kemaren nongol, lha skrg koq nggak nongol O-OM :-t, mhn penjelasannya donk, soalnya lg bth bgt bwt templateku..

    danielblogger_2k9 -> ymku :)]

    BalasHapus
  150. nha yg muncul koq mlh gbr beginian, mang lg error di tempatku :D ato yg error mybloglognya x( =))

    BalasHapus
  151. saya dah coba om tp ko ga bisa om...

    BalasHapus
  152. wah ,,,, makasih ni om infonya...

    BalasHapus
  153. O-m kok saya ga berhasil ya? apanya yang salah ya om mohon bantuannya :(

    BalasHapus
  154. Ikut nimrung mas ah,,,, :D

    BalasHapus
  155. Sore O-om, aku udah ikutin semua tipsnya n lumayan udah ada hasilnya -+ 99%, tpi masih kurang karena avatar/foto yg tampil itu ga pas ato ga presisi dengan kotak komentarnya, gambarnya lari keluar dikit O-om... gimana solusinya ya? Tolong aku ya O-om.........

    BalasHapus
  156. numpang senyum aja nih

    BalasHapus
  157. Mencoba, berhasil gk yach ;;)

    BalasHapus
  158. tadi gagal, kali ini udh blm yach..

    BalasHapus
  159. Bagaimana pernikahannya bos??? Lancar kan?

    BalasHapus
  160. Wah telat nih, tp gpp deh. Mo nanya nih Om. Kok diantara foto dan nama author ada logo (B) Blogger nya yach? jadi kurang asyik ngeliatnya. Gmn ngilanginnya Om? ksh pencerahan ya..thx b4.

    BalasHapus
  161. Mantaf Broder........I LOVE YOU FULL

    BalasHapus
  162. Ngetes ya..muncul ga nih

    BalasHapus
  163. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  164. wah totorialnya bermanfaat ni om

    makasih atas ilmunya

    BalasHapus
  165. Memang ngak papa ya om.apa nti avatarnya g bertumpuk sm avatar blogspot.maklum om newbie /baru belajar cara membuat website

    BalasHapus
  166. thx for inform

    BalasHapus
  167. wuih keren niy...!
    ijin coba' y om...;))

    BalasHapus
  168. Anonim27/9/09

    nais inpo mas oom

    BalasHapus
  169. Thanks O-OM.com bukan Oncom lho ha ha ha I love U Full

    BalasHapus

Silahkan beri komentar dengan bijak dan sesuai dengan topik artikel, karena semua komentar akan saya moderasi terlebih dahulu sebelum ditampilkan. Thanks :)

 

Back to Top