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:



Translates