Sabtu, 01 Mei 2010

Tips Memasang Foto / Avatar di samping kotak komentar

Sesuai Pemintaan dari temanku, hasilnya sungguh diluar dugaan.. ternyata sampai saat ini sudah ada sekitar ratusan ribu blogger yang ngantri dan tertarik ingin juga memasangny. Namun dari beberapa blog yang pernah saya kunjungi ternyata sedikit sekali avatar di kotak komentar. Bagi tertarik dengan tips ini silakan diterapkan.
Y uda, Gak sabar nih langsung aja ya..

1. Pastikan Anda sudah terdaftar di Mybloglog

2. Kalo sudah, sekarang kembali ke Blogger, lalu tuju langsung kehalaman Edit HTML. Cari tag </head>; kemudian copy-paste saja semua script dibawah ini dan letakan diatasnya. (jangan lupa di save dulu)

<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>

3. Masih pada halaman Edit HTML, beri tanda centang pada Expand Widget Templates. Kemudian cari kode dibawah:

<b:loop values='data:post.comments' var='comment'>

Sudah ketemu? kalo sudah, silahkan copas semua kode dibawah ini dan letakan kembali dibawah kode diatas.

<div style='border:0;float:left;margin: 0 5px 0 0;'>
<script>
myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script>
</div>

4. Simpan dan lihat hasilnya..met nyoba aja dah :)

Gimana, gampang bukan! Bagi belum terapkan Silakan langsung coba di blog u!

14 komentar:

T3rry Chen mengatakan...

First dulu, sblm ada yg berkomentar.!

Fajri mengatakan...

gan, postingannya adda yang hilang...
tuh pada poin ke 2 kode yang dicari apa ya ?

terrychen mengatakan...

xory dc, td terjadi kesalahan Error. Mksh ats komentar Sob!

Fajri mengatakan...

sob, di template saia ga ada tuh kode kayak ini :

<b:loop values='data:post.comments' var='comment'>

solusinya gimana ?

terrychen mengatakan...

mgkn template blog u ga cocok!
gw coba hsl koz..
coba u cari dibwh ini:

loop values='data:post.comments

liat dulu ap ktemu ga.. pake kata kunci aj.

wong cerbon mengatakan...

Trik Oke bro

Fenomena Alam mengatakan...

makasih triknya kawan...nanti saya coba..

udah mengatakan...

bro gimana sich caranya agar avatar muncul menggunakan link kita..???, saya udah pake tapi hanya profil blog saja yang bisa terlihat avatarnya tolong donk...:)

terrychen mengatakan...

@Udah.
ok dc,. prtm u hs Login Akun u diYahoo, buat avatar anda di yahoo.
Kemudian, Login Akun u di Mybloglog, klo uda Klik Edit profil/klik foto anda,. Pilih Change Image. Pilih Change Avatar (Avatar akan Kluar jika Anda telah mmbuat avatar di yahoo)

Smga Tips ini berguna!

fajri mengatakan...

sob, udah bisa... tetapi belum tau muncul atau tidak...

gimana cara membuat komentar owner dan pengunjung berbeda ?

ASIDIQ mengatakan...

jadi pengen nyoba nih..

dhez mengatakan...

cobain ah...

yoedha mengatakan...

muantab deh bro :) :) :)

john mengatakan...

http://www.techsoulz.com/ ~ Get The latest technology news and free download mobile apps

Posting Komentar

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Macys Printable Coupons