Tuesday, November 15, 2011

Cara memasang gambar myblog di komentar blog

Pada post sebelumnya kita telah membahas tentang Counter Strike. Nahh... Sekarang, kita beralih lagi ke pembahasan Tutorial Blogspot. Tutorial Blogspot yang akan kita bahas kali ini adalah "Cara memasang gambar myblog di komentar blog". Sobat tau maksudnya gak? sobat akan melihat gambarnya seperti ini icon author1 <gambar member blog> atau tidak seperti ini icon author2<gambar pemilik blog>. Nahh, sobat sudah mengerti kan? Tertarik untuk memasangnya? ikuti saja langkah - langkah di bawah ini:

1. Login pada blog sobat
2. Rancangan
3. Edit HTML
4. Agar tidak terjadi hal - hal yang tidak di inginkan, Download dulu templatenya dengan mengklik tulisan Download Template Lengkap dan centang kotak kecil di atas kotak template anda cari saja Expand Template Widget 
5. Cari kode </head>
6. Copy kode dibawah ini dan pastekan 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>
7. Selanjutnya cari juga kode <b:loop values='data:post.comments' var='comment'>
8. Dan copy kode di bawah ini dan pastekan di bawah kode <b:loop values='data:post.comments' var='comment'>
<div style=&#039;border:0;float:left;margin: 0 5px 0 0;'>
<script>
myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script>
</div>
9. Simpan Template

Selesai dan Selamat Mencoba

No comments:

Post a Comment

My Ping in TotalPing.com
Feedage Grade D rated
Preview on Feedage: web-design Add to My Yahoo! Add to Google! Add to AOL! Add to MSN
Subscribe in NewsGator Online Add to Netvibes Subscribe in Pakeflakes Subscribe in Bloglines Add to Alesti RSS Reader
Add to Feedage.com Groups Add to Windows Live iPing-it Add to Feedage RSS Alerts Add To Fwicki
Ping your blog, website, or RSS feed for Free