Pasang Avatar Mybloglog di Kotak Komentar

Avatar Tutorial cara memasang avatar mybloglog di kotak komentar sebenarnya sudah lama, tapi dari beberapa kali saya berkunjung ke beberapa blog sobat, jarang sekali yang mengaplikasikannya.

 

Padahal menurut saya, tutorial memasang avatar di kotak komentar yang di populerkan oleh Amanda ini sangat bagus, karena kita bs melihat wajah yang memberi komentar dengan syarat telah menjadi member mybloglog. Saran saya buat sobat yang sudah ikutan mybloglog, sebelum komentar di blog saya sebaiknya ganti dulu foto yang lama dengan foto terbaik milik sobat. Laughing

 

Langsung saja, seperti biasa loginlah terlebih dahulu ke blogger.

  1. Buat yang belum mendaftar, jangan lupa untuk daftar dulu di mybloglog.

     

  2. Kemudian pada halaman blogger, klik Tata Letak.

     

  3. Pilih Edit HTML.

     

  4. Klik Download Template Lengkap, untuk jaga – jaga !

     

  5. Lalu Centang Expand Widget Template.

     

  6. Kemudian letakkan kode berikut diatas kode </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>

     

  7. Setelah itu cari kode seperti dibawah ini :

     

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

     

  8. Kemudian letakkan kode berikut tepat setelah kode <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>

     

  9. Untuk kode yang berwarna ungu adalah jarak gambar dengan garis pinggir template, silahkan di otak-atik sendiri.

 

Untuk melihat hasilnya silahkan lihat komentar sobat blogger disini. Oke sob, selamat mencoba. Happy

Berlangganan artikel terbaru via Email
Artikel Lainnya :

23 comments

10 September 2009 06.16

Bagus juga nih infonya, coba pelan2 saya praktekan biar nanti dikomentar ada photoku biar nambah Top Top Top... he he he. Trims yaa infonya

10 September 2009 06.23

Lebih baik dan lebih lengkap lagi kalo diberikan panduannya untuk daftar di mybloglog, lebih asyik lagi yaa...

10 September 2009 17.03

wah..avatar gw dipajang.
gpp Cah, biar keren :))

Tipsnya Boleh Juga kalau bosan ingin ganti templates datang dan klik aja blog ku tak bayar kok

5 Oktober 2009 01.38

mantep ni dia yang dicari2, langsung coba ah
Makasih sob, dah berhasil ni

11 Oktober 2009 08.53

Thx... buat tutorialnya...
muantep

18 November 2009 16.20

Sippp... Makasih trik2 nya...

16 Maret 2010 11.16

siaap!! di coba gan???
visit back?

7 April 2010 19.54

makasih boss....!!!!

15 April 2010 18.57

Langsung dicoba bozz...
keep blogging

15 April 2010 18.59

Kug saya ga bisamunculin avatar di myblog log yua??
pilih profil di komentar yg mana????
anymous,Name/uRL apa yg mana..
maklum newbie bozzz

16 April 2010 05.24

@ kung : pilih pke name/url, tp hrs daftarkan blog sobat dulu di mybloglog.com

30 April 2010 23.39

Wah keren nih caranya.. makasih banyak mas.. udah lama saya ubek-ubek, yang seperti ini ...

6 September 2010 20.45

terima kasih mas atas tipsnya dan juga templatenya

23 November 2010 15.43

langsung prakterk...makasih atas tutorial + infonya :D

27 Maret 2011 10.20

Saya gak dapat di template saya yang ini

27 Maret 2011 10.30

yanng values data comentsvar coment itu ??

29 April 2011 21.14

ni lg testing tutorialnya kang...thx

2 Mei 2011 19.52

bos cara pasang mybloglog ke blog gmn?
lam kenal

20 Juni 2011 03.14

terima kasih mas infonya..tak praktekin langsung ne..slam kenal.
singgah balek mas di blog saya. http://muhammad-ikhsan74.blogspot.com/

Anonim
21 Juni 2011 09.39

thanks ya

23 Januari 2012 11.02

waaah info yang bagus nih...

23 Januari 2012 11.03

langsung ke TKP gan..mudah2an lancar..

Poskan Komentar

Reader Community

Recent Comments