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:
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('<data:comment.id/>','<data:comment.authorUrl/>'); </script> </div>
- Setelah itu cari kode ]]></b:skin>, lalu letakkan sumber script berikut di bawahnya:
<script src='https://sites.google.com/site/ruangsc/enes/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
Langganan:
Posting Komentar (Atom)
19 komentarPosting Komentar
wah ...info infona harebat lah si akang mah.....sukses selalu dan selalu sukses nya kang.
infonya komplit abizz, trims ya
Terima kasih ya utk infonya... Soalnya aku baru tahu nih hehehe
oke kang siiip,,, ntar dicobain deh,, makasih infonya...
oh ya kang ada award dari saya, ambil ya... :)
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
hmmm ... butuh ketenangan untuk mencobanya!
saya lagi males ngutak ngutik blog, jadi tutorialnya masih disimpan dulu...terima kasih atas ilmunya...
html kang aku sering khawatir kalau mencoba tutorial dari akang takut salah, tapi syukurlah selama ini berhasil
aq pernah nyoba dari tutorialnya oom tp hasilnya tetep g muncul
Parse Code HTML Ala Mbah Google
hebat kanginfonya,tapi aku paling males dan gak ngerti kalo disuruh utak-atik soal tutorial hiksss... *_*
Waduhhhh rumit ya....
@Rep Semua:
Makasih ya atas apresiasinya.
@Rep Rizky2009:
Dari percobaan yg saya lakukan thdp beberapa template bisa muncul kok sob. Mungkin ada sedikit kesalahan yg sobat lakukan...
@Rep Ari:
Rumit apanya sob?
Balik lagi untuk mempelajari lebih mendalam!
Aku ikut mencoba yah Kang makasih banyak...
d template blog saya code yang dicari nya itu gak ada mas..berarti template saya gak ngedukung y mas..???
@Rep BlogPuisi:
Mungkin begitu sob, soalnya ada beberapa template yg emang beda. Oya, linknya saya juga deh...
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
@Mang Eka:
Supaya yang muncul cuma avatar MyBloglog, ganti saja kode ini:
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
dengan kode ini mang:
<dl id='comments-block'>
salam.sukron atas infonya
www.pesantren-condong.net
Tambahkan Komentar
Terimakasih atas semua apresiasi yang sobat berikan.