Selasa, 29 Juni 2010

Alternatif Avatar pada komentar (Part.2)

avatar dengan mybloglog
Baiklah, saya akan memenuhi janji saya pada postingan sebelumnya (baca) yang akan memberikan tutorial bagaimana memasang foto profil mybloglog di blog, khususnya pada blogspot. Sedikit tambahan, tutorial ini memang sudah lama dan mungkin sudah banyak ada sobat-sobat blogger yang sudah memostingnya. Tapi gak apa-apalah, toh ini saya tujukan bagi yang belum tau saja. Selama saya jalan-jalan ke blog sobat-sobat blogger, ada yang sudah memasang ini, dan tidak sedikit pula yang belum memasang, bahkan belum mengetahuinya.

Padahalkan, menurut pendapat saya itu avatar yang dipasang di kotak komentar sangat bagus. Seperti yang sudah saya jelaskan pada postingan sebelumnya, kita dapat mengetahui wajah maupun foto profil sang pemberi komentar, dengan syarat harus menjadi anggota di mybloglog terlebih dahulu.

Oke lah, saya berikan step by step cara-caranya sobat:
  • Bagi yang belum mendaftar, silahkan daftar dulu di Mybloglog. (website ini merupakan layanan dari Yahoo!)
  • Jika sudah dengan urusan registrasi atau sign up, lalu log in ke Blogger.
  • Pada halaman Dashboard, klik Tata letak.
  • Klik pada tab Edit HTML.
  • Saya sarankan back up template anda dahulu untuk jaga-jaga, dengan cara men-downloadnya.
  • Kemudian, cek atau centang pada Expand Widget Templates.
  • Lalu, cari kode </head>
  • Taruh 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>
  • Jika sudah, jangan lega dulu, cari kode <b:loop values='data:post.comments' var='comment'>
  • Kemudian, taruh kode berikut setelah <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>
  • Sudah deh, klik SAVE TEMPLATE.
Selamat, blog anda sekarang sudah ada avatarnya di kotak komentar. Silakan lihat sendiri contohnya pada blog saya ini. Selamat mencoba sob...



emoticon Tolong dibaca terlebih dahulu !

Anda sedang membaca artikel tentang Alternatif Avatar pada komentar (Part.2) dan anda bisa menemukan artikel Alternatif Avatar pada komentar (Part.2) ini dengan url http://www.nova13.com/2010/06/alternatif-avatar-pada-komentar-part2.html, Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Alternatif Avatar pada komentar (Part.2) ini sangat bermanfaat bagi teman-teman Anda, namun jangan lupa untuk meletakkan link postingan Alternatif Avatar pada komentar (Part.2) sebagai sumbernya.

If you Like this, please share it?

Ping your blog, website, or RSS feed for Free

Related Post:



10 Comments:

  1. Halo salam kenal.mau ajakin tukeran link nih.Link anda sudah saya pasang di http://1iklan-baris.blogspot.com/2010/06/tukeran-link.html

    pasang link gw juga ya...

    link : http://1iklan-baris.blogspot.com
    nama : Iklan Baris

    makasih

    BalasHapus
  2. Tukeran link yuk boss? link anda sudah saya pasang... silahkan dicek:D

    BalasHapus
  3. salam bro, kita mu tanya ni sobat dah dapet belum activasi license artisteer versi 2.4.0.247666, kalo dah dapet tlg share ya bro, salam sukses....

    BalasHapus
  4. @iklan baris & @vanovic: tunggu sebentar y sob,,, please wait..
    @teroris cinta: belum ketemu yg cocok bro? dpt tp gak bisa... :h: gugling lah..

    BalasHapus
  5. kalau punya saya nggak pakai script mas . . saya pakai CSS dan HTML tapi hampir sama tampilan yang didapat ^_^

    BalasHapus
  6. wah asik juga brow.... thanks sharing nyayach..., lama sudah tidak berkunjung

    BalasHapus
  7. Makasih sob tutorialnya..., sangat bermanfaat

    BalasHapus
  8. @aditx: wah, ada juga ya?? boleh tu di share?? :i:
    @radhitya: ok? thanks..
    @bali: makasih,, thanks dah mampir.

    BalasHapus
  9. waw...
    boleh di coba tuh sob....
    he..he... sip. berhasil dengan mulus.. trick nya...

    BalasHapus

Pasang emoticon dibawah ini dengan mencantumkan kode di samping kanan gambar.

:a: :b: :c: :d: :e: :f: :g: :h: :i: :j:

PERHATIAN!
>> Yang berkomentar dengan Anonymous tidak akan saya tanggapi, usahakan memakai Name/URL. kalau tidak punya blog, bisa memakai URL profil Facebook, twitter, dll.
>> Gunakan anchor name pada Name/URL yang sewajarnya.

thanks.

Translates