Jumat, 25 Maret 2011

Pasang picture myblog dalam komentar


Seperti biasanya ketika kita meng-klik link komentar (tentunya posting yang memiliki komentar), kamu akan melihat tampilan icon default blogger, kalau tidak seperti ini icon author1 (berkomentar sebagai profil account google) atau seperti ini icon author2 (berkomentar sebagai pemilik salah satu blog). Misinya kali ini adalah merubah tampilan icon komentator dengan image/gambar, kita sebut saja dengan "picture" dalam mybloglog. picture yang ditampilkan dalam versi kecilnya dapat anda lihat dalam widget "Recent Visitor", dalam elemen sidebar di bawah "Follower" blog j_putra. Anda tertarik ingin langsung mengaplikasikannya dalam komentar blog kamu?!? ikuti langkah-langkah di bawah ini
  • Log in dulu ke blog kamu
  • klik Tata letak
  • Edit HTML
  • centang "Expand Template Widget"
  • download dulu tamplate blog anda
  • kemudian cari kode </head> copy paste kode berikut persis diatas </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>
  • Kemudian cari kode di bawah ini
    <b:loop values='data:post.comments' var='comment'>
  • kemudian copy paste kode berikut persis di bawah code diatas

    <div style=&#039;border:0;float:left;margin: 0 5px 0 0;'>
    <script>
    myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
    </script>
    </div>
  • Kamu bisa memodifikasi kode yang ditandai dengan warna merah.
  • Kemudian simpan
Selamat mencoba...........

Cara pasang photo myblog di kotak komentar, komentar ada photo nya, cara menampilkan photo pada komentar, tutorial menampilkan photo para komentar, memasang gambar di komentar di blogspot, lengkah menampilkan photo komentar di blogger.

Tidak ada komentar:

Posting Komentar