Selasa, 07 April 2009

Cara Menampilkan foto komentator

Sebelumnya saya sudah pernah memberikan tutorial bagaimana cara menampilkan foto dari komentator. Sekarang ada cara baru yang cukup mudah untuk dilakukan. Yuk kita lihat caranya...



1. Pertama kamu harus memiliki account mybloglog dan sudah mengupload foto kamu disana, jika belum silahkan daftar dulu disini.

2. Jika sudah, masuk ke halaman edit html template kamu. Kemudian klik centang "expand widget". Lalu tekan "control+f" dan masukkan kode </head> kemudian enter.

Jika sudah menemukan kode di atas, copy paste kode di bawah ini tepat di atas kode </head> tadi.

<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. Lalu kita masuk ke tahap selanjutnya, tekan "control+f" lagi dan masukkan kode

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

jika sudah ketemu, copy paste kode di bawah ini tepat 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>


Pemasangannya seperti ini :

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




4. Langkah terakhir adalah simpan dan lihat hasilnya.




Selamat mencoba, salam tips blogger.




Ingin mendapat artikel seperti artikel di atas langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan.

Ayo gabung dengan internet marketer atau blogger lainnya di facebook dan twitter. Silahkan klik link di bawah ini...

[Facebook] - [Twitter]

Read this | Baca yang ini



Widget by [ Tips Blogger-Tutorial Blogger Pemula ]

8 comments:

arie mengatakan...

Contoh foto komentarnya adalah seperti ini...

IHSAN mengatakan...

coba aahh

arie mengatakan...

selamat mencoba ya ihsam ...dan jangan sungkan tuk sering mampir :)

eko novianto mengatakan...

tip yang bagus mas ...
mari bertuakr ling ya bro.. link kamu sudah tak pasang..

Bang arie mengatakan...

makasih mas...mana link blognya?. Hmmm asya jadi bingung, harusya komennya make link blog...

Zaki Jude mengatakan...

http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif

Zaki Jude mengatakan...

=))

hendra's blog mengatakan...

saya sudah coba tapi foto'a tidak muncul knp bang arie?salam kenal :-/

Posting Komentar

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Untuk menggunakan emotion copy paste kodenya saja, budayakan berkomentar setelah membaca ya .

Note : Harap gunakan nama anda dan jangan menggunakan keyword-keyword tertentu atau komentar anda tidak akan dipublish...