Biasanya ketika kamu meng-klik link komentar (tentunya posting yang memiliki komentar), kamu akan melihat tampilan icon default blogger, kalau tidak seperti ini (berkomentar sebagai profil account google) atau seperti ini (berkomentar sebagai pemilik salah satu blog). Misinya kali ini adalah merubah tampilan icon komentator dengan image/gambar, kita sebut saja dengan "avatar" dalam mybloglog. Avatar yang ditampilkan dalam versi kecilnya dapat kamu lihat dalam widget "Recent Visitor", dalam elemen sidebar di bawah "Follower" blog OB. Trik ini mungkin bukan merupakan trik blogger yang baru, tapi tidak ada salahnya untuk dimasukkan dalam salah satu koleksi optimasi blog. Trik ini juga diperkenalkan oleh Amanda dalam titlenya "How to add MyBlogLog comment avatars (author images) to your comments section". Tertarik ingin langsung mengaplikasikannya dalam komentar blog kamu?!? Mari kita ambil satu demi satu buah trik blogger memasang avatar mybloglog.
- Login ke account blogger kamu.
- Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".
Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.
- Cari Kode kode </head> dan Copy-Paste (copas) kode berikut di atasnya.
<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>
Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.
- Kemudian cari kode di bawah ini.
<b:loop values='data:post.comments' var='comment'>
- Jika sudah ketemu, paste kode berikut di bawah kode di atas.
<div style='border:0;float:left;margin: 0 5px 0 0;'>
<script>
myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script>
</div>
Catatan : Kamu bisa memodifikasi kode yang ditandai dengan warna merah.
- Jangan lupa disimpan.
Selamat memasang avatar mybloglog...
pertamax lg....
BalasHapusdicoba mas... ;)
eh lupa,trnyata sya ud psang mas... ;))
BalasHapuskeren mas postingan barunya hehehehw~~~
BalasHapusterimaksih mas buat triknya lg,. ijin pasang mas,. skss sll buat mas OB..
BalasHapusSolusi yang lebih baik menurut saya dari Gravatar.. Check it out..
BalasHapusThanks ya choy! Mau pasang nih di blog temen aku.....
BalasHapusBlogger Make Money
Boleh juga nih dicoba,... tengkyu yah bro,...
BalasHapusMas OB....bkin postingan tentang cara bkin page navigation donk...;)
BalasHapusowya, mo tnya lg donk mas..
BalasHapusko id mybloglog mas OB bisa muncul sih klo tuk reply komentar..
mksud idnya fotonya mas OB..
BalasHapussudah saya pasang mas...
BalasHapusthanks yah...
bisa makin ok aja nih blog saya...
Nanya donk mas, ko avatar saya ga muncul?
BalasHapusapa harus taro avatar dlu di mybloglog?
to edwin: eh.. iya. agar tampilan avatar mas edwin tampil dalam komentar. Terlebih dulu cek dalam akun mybloglog --> My Account --> Service. Trus liat profil ID blogger apa yang didaftarkan. Jika belum ada, langsung masukkan profil ID.
BalasHapusCara mengetahui profil ID blogger, klik dasbor --> lihat profil --> lihat address bar dalam browser mas edwin.
Saya pernah eksperimen dengan icon MBL ini di blog, tapi loading page (halaman) semakin berat. Apa benar demikian ya mas :-/ Saya juga coba test drive ke beberapa blog yg menggunakan trik ini termasuk ke blognya O-Om dan terasa berat untuk membuka halaman komentarnya. Btw, triknya mantap mas OB. Ditunggu postingan berikutnya, he.he..
BalasHapusdicoba ya!! :-/
BalasHapusto Bang Del: betul sekali, bang Del. Karena image yang ditampilkan mengambil ke alamat web mybloglog, sehingga image akan diindeks 1 by 1 sesuai dengan akun di MBL. Tp pengindeksan dilakukan setelah posting tampil komplit, bukan???
BalasHapusthanks ya info nyaaaa.... ;)
BalasHapusthq info bgs ney...
BalasHapussalam sasama blogger urang banua,
BalasHapusiih..bagus jua nah, sdh dicoba dan berhasil, tapi icon blogger lama tdk hilang, kaya apa solusinya ...RIS ? Wan aku coba jua pasang emoticon seperti diatas, tapi kada berfungsi...mohon bantuan dan penjelasannya RIS, sabuting lagi minta NO. Flexinya kirim sms ke 7649911 lah .. ada nang handak ditakunkan banyakkkkkkk....
heiiittttt...mantap nih...
BalasHapusto Bang OB: thanks infonya. Maaf baru saya baca sekarang...
BalasHapusMas OB,ko fto gw ga kluar ya mas di blog gw?
BalasHapuspdhal ud gw taro foto di mybloglog pnya gw,tp ko ttp ga mncul jg ya???
setelah membaca ....komentar....terima kasih
BalasHapusmksh tutorialnya, hehhhehe
BalasHapusDicoba yah mas...makasih triknya...
BalasHapustutor link nya bgus.. keep tutor kunjungi juga ya.. http://www.rusmnz.co.cc/ and kritikannya..
BalasHapusAvatarnya muncul entar ngga muncul bingung
BalasHapusBagus tipsnya nih.. avatar perlu banget
BalasHapussip di cobain ah, dulu pernah pasang tapi ganti template keapus semua deh
BalasHapuskeren nich,thanks y
BalasHapustrimakasih sahabat
BalasHapusTErimakasih atas tutorialnya Mas, Sangat membantu. tadinya sy kebingungan karna template sy sebelumnya memiliki avatar tapi menghilang karna saya kompres pke cssdrive.
BalasHapusmakasih infonya...!! TOP..!!!
BalasHapuswah blognya bagus banget... pengen bisa punya blog kaya gini. Terima kasih, blognya sudah beri saya banyak motivasi untuk mempercantik blog saya.. tolong kasih nasehat blog saya mestinya bgimana..... cos masih newbie
BalasHapuslangsung ke TKP aja ya mas, thanks banyak belajar melalui blog mas....
BalasHapus