Headlines News
Home » , » Tips Membuat Avatar Pada Comment Di Blog

Tips Membuat Avatar Pada Comment Di Blog

Hai Sobat blogger Tahu gak Sebenarnya memasang avatar Mybloglog di kolom komentar bukanlah hal yang baru, namun dari beberapa blog yang pernah saya kunjungi ternyata sedikit sekali mengaplikasikannya. Entah kenapa tutorial yang pernah dipopulerkan oleh si blogger cantik Amanda ini ternyata tidak begitu banyak peminatnya, padahal menurut saya  widget ini ternyata lebih bagus dibandingkan tutorial yang dulu pernah saya ulas disini, memang ada bedanya sih, tutorial lama yang pernah saya tulis memang tidak menggunakan pemanggilan avatar melalui widget Mybloglog, tapi langsung menggambilnya melalui Profile Blogger.


Nah, ditengah kesibukan saya saat ini dan kemaren nyempetin waktu sebentar nyobain avatar yang sudah terbilang basi ini, eh hasilnya sungguh diluar dugaan.. ternyata sampai saat ini sudah ada sekitar ratusan ribu blogger yang ngantri dan tertarik ingin juga memasangnya (waks* ketahuan bener ngibulinnya wkwkwwk). Huh..berhubung terus menerus di desak dan malah ada yang berani bayar tutorial ini dengan harga tinggi yah mau gak mau saya tulis saja langsung tutorialnya. Halah ngalur ngidul gak jelas...(biasa lagi error mode on hihihi)

Ya sudah, lupakan tulisan dodol diatas, langsung aja ya..

1. Pastikan rekan 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 mencoba aja dah :) ya Sobat Blogger Yawwwwwwwww
Sobat sedang membaca artikel Aplikasi Online tentang Tips Membuat Avatar Pada Comment Di Blog dan Sobat bisa menemukan artikel Tips Membuat Avatar Pada Comment Di Blog ini dengan url Sobat boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Tips Membuat Avatar Pada Comment Di Blog ini sangat bermanfaat bagi teman-teman, namun jangan lupa untuk meletakkan link Tips Membuat Avatar Pada Comment Di Blog sumbernya.

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website

1 comments:

parman aman said...
This comment has been removed by the author.

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Free Aplikasi Full Version - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger