Horausah: Avatar | gaptek licious

Pasang Avatar Pada Kotak Komentar

Memperingati ulang tahun Blogger yang ke-10 pada bulan agustus kemarin, blogger manambah fitur baru yaitu avatar pada komentar. sehingga pengunjung dapat menampilkan foto profil mereka saat berkomentar.

Sebelum ini saya pernah membahas cara menampilkan avatar mybloglog di kotak komentar, hampir sama dengan yang pertama, namun sayangnya avatar ini hanya akan muncul jika si komentator dalam status login di blogger.

Untuk mengaktifkannya, silahkan sobat masuk ke halaman Pengaturan –> klik tombol Komentar –> Lalu klik tanda check "Ya" pada "Tampilkan gambar profil dalam komentar?"

Blogger juga memberikan kemudahan buat pengunjung blog untuk mengupload langsung foto pada kotak komentar. Untuk mengupload fotonya, saat sebelum publish komentar klik Pratinjau terlebih dahulu kemudian klik Add Photo, maka foto sobat akan muncul disebelah kotak komentar.

Sekedar informasi, untuk template yang sudah di modifikasi, fasilitas avatar dari blogger ini mungkin tidak akan berhasil, karena saya sudah mencobanya dibeberapa blog saya yang lain, termasuk blog saya yang saya cintai ini. Hot

Semoga bermanfaat !

Gambar diambil dari Buzz.Blogger.com

Avatar, Blog, Blog Stuff, Gambar, Tutorial Blogspot 12.31 No comments

Pasang Avatar Mybloglog di Kotak Komentar

Tutorial cara memasang avatar mybloglog di kotak komentar sebenarnya sudah lama, tapi dari beberapa kali saya berkunjung ke beberapa blog sobat, jarang sekali yang mengaplikasikannya.

Padahal menurut saya, tutorial memasang avatar di kotak komentar yang di populerkan oleh Amanda ini sangat bagus, karena kita bs melihat wajah yang memberi komentar dengan syarat telah menjadi member mybloglog. Saran saya buat sobat yang sudah ikutan mybloglog, sebelum komentar di blog saya sebaiknya ganti dulu foto yang lama dengan foto terbaik milik sobat. Laughing

Langsung saja, seperti biasa loginlah terlebih dahulu ke blogger.

Buat yang belum mendaftar, jangan lupa untuk daftar dulu di mybloglog.
Kemudian pada halaman blogger, klik Tata Letak.
Pilih Edit HTML.
Klik Download Template Lengkap, untuk jaga – jaga !
Lalu Centang Expand Widget Template.
Kemudian letakkan 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>
Setelah itu cari kode seperti dibawah ini :

<b:loop values='data:post.comments' var='comment'>
Kemudian letakkan kode berikut tepat setelah kode <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>
Untuk kode yang berwarna ungu adalah jarak gambar dengan garis pinggir template, silahkan di otak-atik sendiri.