earth

Guestbook

/* Iklan google ads */

Menampilkan Avatar MyBlogLog Pada Kotak Komentar

Pada tulisan sebelumnya telah dibahas bagaimana cara menampilkan avatar Blogger Profile pada kotak komentar. Nah, kali ini saya akan mencoba mengungkapkan cara menampilkan avatar MyBlogLog, seperti avatar yang terlihat pada kotak komentar SC Community.

Sekalipun (konon) MyBlogLog mau ditutup oleh Yahoo! pada bulan Januari 2010 lalu, tapi karena sampai sekarang masih ok-ok saja dan tidak terjadi masalah dengan avatar maupun widget MyBlogLog maka tidak ada salahnya jika saya tetap memposting artikel ini, yang sebelumnya sempat tertunda akibat kekhawatiran akan ditutupnya MyBlogLog.

Jika kamu ingin menampilakan avatar MyBloglog pada kotak komentar, kamu bisa mengikuti langkah-langkah sebagai berikut:
  • Login ke akun Blogger kamu.
  • Dari halaman Dasbor, klik Tata Letak dan pilih Edit HTML.
  • Lakukan duplikasi template untuk berjaga-jaga jika terjadi masalah.
  • Beri tanda centrang pada Expand Template Widget.
  • Carilah kode berikut (untuk memudahkan, gunakan Control F atau F3):
    <dl id='comments-block'>
    <b:loop values='data:post.comments' var='comment'>
    
    Bagi yang sudah menggunakan avatar Blogger Profile, cari kode ini:
    <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
    <b:loop values='data:post.comments' var='comment'>
    
  • Jika sudah ketemu, tambahkan kode ini di bawahnya (untuk mengkopi gunakan Control C):
    <div style='border:0;float:left;margin: 1px 5px 0 1px;'>
    <script>
    myBlogAvatar(&#39;<data:comment.id/>&#39;,&#39;<data:comment.authorUrl/>&#39;);
    </script>
    </div>
    
  • Setelah itu cari kode ]]></b:skin>, lalu letakkan sumber script berikut di bawahnya:
    <script src='http://enes-sc.googlecode.com/files/mybloglog.js' type='text/javascript'/>
    
    atau bisa juga menggunakan script lengkapnya, seperti ini:
    <script type='text/javascript'>
    //<![CDATA[
    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>
    
  • Simpanlah hasil kerjaan kamu dan ucapkan alhamdulillah.....

Nah, sekarang coba kamu lihat kotak komentar kamu, apakah avatar-avatar MyBlogLog komentator sudah nampak?

Ok coy, selamat mencoba.....
  • Artikel Terkait Dengan HTML Tutorials

    Terimakasih sudah membaca artikel SC Community's Blog

    19 komentar

    wah ...info infona harebat lah si akang mah.....sukses selalu dan selalu sukses nya kang.

    23 Februari 2010 17.05  

    infonya komplit abizz, trims ya

    23 Februari 2010 18.01  

    Terima kasih ya utk infonya... Soalnya aku baru tahu nih hehehe

    24 Februari 2010 09.47  

    oke kang siiip,,, ntar dicobain deh,, makasih infonya...
    oh ya kang ada award dari saya, ambil ya... :)

    24 Februari 2010 09.54  

    Punten Kang, nembe kadieu deui. Wangsul ti Bandung, kedua anakku sakit, janten ... yaaa begitulah.

    Tos dicobian tapi masih belum sempurna, janten dihapus lagi, Kang. Nanti kalau sudah sukses dikabari ya. Nuhuuuuun pisan

    24 Februari 2010 12.39  

    hmmm ... butuh ketenangan untuk mencobanya!

    24 Februari 2010 21.53  

    saya lagi males ngutak ngutik blog, jadi tutorialnya masih disimpan dulu...terima kasih atas ilmunya...

    25 Februari 2010 00.14  

    html kang aku sering khawatir kalau mencoba tutorial dari akang takut salah, tapi syukurlah selama ini berhasil

    25 Februari 2010 02.20  

    aq pernah nyoba dari tutorialnya oom tp hasilnya tetep g muncul

    Parse Code HTML Ala Mbah Google

    25 Februari 2010 08.59  

    hebat kanginfonya,tapi aku paling males dan gak ngerti kalo disuruh utak-atik soal tutorial hiksss... *_*

    25 Februari 2010 12.16  

    Waduhhhh rumit ya....

    25 Februari 2010 17.22  

    Balik lagi untuk mempelajari lebih mendalam!

    25 Februari 2010 19.25  

    Aku ikut mencoba yah Kang makasih banyak...

    26 Februari 2010 15.44  

    d template blog saya code yang dicari nya itu gak ada mas..berarti template saya gak ngedukung y mas..???

    31 Maret 2010 16.52  

    sudah d coba, pake scrip pertama dan kedua. 2nana jg sama hasilnya muncul. BERHASIL. Tp masalahnya avatar dr blogger profil ma dr mybloglog muncul 2nana, gmana crnya biar yg muncul cm alah satu aja kang? nuhun

    4 Juli 2010 23.33  

    salam.sukron atas infonya
    www.pesantren-condong.net

    12 Februari 2015 16.54  

    Tambahkan Komentar

    • Dimohon untuk tidak mencantumkan link aktif pada komentar sobat.
    • Gunakan Ruang Tanya pada TabView Menu, jika ingin menanyakan sesuatu yang tidak ada kaitannya dengan artikel di atas.
    Kang eNeS

    Terimakasih atas semua apresiasi yang sobat berikan.

    10 Artikel Terbaru

    10 Artikel Terpopuler