Sabtu, 07 Desember 2013
Browse Manual »
Wiring »
avatar
»
komentar
»
kotak
»
menampilkan
»
mybloglog
»
pada
»
Menampilkan Avatar MyBlogLog Pada Kotak Komentar
Menampilkan Avatar MyBlogLog Pada Kotak Komentar
Pada tulisan sebelumnya telah dibahas bagaimana cara menampilkan avatar Blogger Profile pada kotak komentar. Nah, kali ini saya akan mencoba mengungkapkan cara menampilkan avatar MyBlogLog, seperti avatar yang terlihat pada kotak komentar SC Community.
Sekalipun (konon) MyBlogLog mau ditutup oleh Yahoo! pada bulan Januari 2010 lalu, tapi karena sampai sekarang masih ok-ok saja dan tidak terjadi masalah dengan avatar maupun widget MyBlogLog maka tidak ada salahnya jika saya tetap memposting artikel ini, yang sebelumnya sempat tertunda akibat kekhawatiran akan ditutupnya MyBlogLog.
Jika kamu ingin menampilakan avatar MyBloglog pada kotak komentar, kamu bisa mengikuti langkah-langkah sebagai berikut:
Sekalipun (konon) MyBlogLog mau ditutup oleh Yahoo! pada bulan Januari 2010 lalu, tapi karena sampai sekarang masih ok-ok saja dan tidak terjadi masalah dengan avatar maupun widget MyBlogLog maka tidak ada salahnya jika saya tetap memposting artikel ini, yang sebelumnya sempat tertunda akibat kekhawatiran akan ditutupnya MyBlogLog.
Jika kamu ingin menampilakan avatar MyBloglog pada kotak komentar, kamu bisa mengikuti langkah-langkah sebagai berikut:
- Login ke akun Blogger kamu.
- Dari halaman Dasbor, klik Tata Letak dan pilih Edit HTML.
- Lakukan duplikasi template untuk berjaga-jaga jika terjadi masalah.
- Beri tanda centrang pada Expand Template Widget.
- Carilah kode berikut (untuk memudahkan, gunakan Control F atau F3):
<dl id=comments-block>
<b:loop values=data:post.comments var=comment>- Bagi yang sudah menggunakan avatar Blogger Profile, cari kode ini:
<dl expr:class=data:post.avatarIndentClass id=comments-block>
<b:loop values=data:post.comments var=comment>- Jika sudah ketemu, tambahkan kode ini di bawahnya (untuk mengkopi gunakan Control C):
<div style=border:0;float:left;margin: 1px 5px 0 1px;>
<script>
myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script>
</div>- Setelah itu cari kode ]]></b:skin>, lalu letakkan sumber script berikut di bawahnya:
<script src=http://enes-sc.googlecode.com/files/mybloglog.js type=text/javascript/>- atau bisa juga menggunakan script lengkapnya, seperti ini:
<script type=text/javascript>
//<![CDATA[
if(typeof(myLayer)!=function){
function myLayer (x){
//individuo loggetto
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 youre 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>- Simpanlah hasil kerjaan kamu dan ucapkan alhamdulillah.....
Nah, sekarang coba kamu lihat kotak komentar kamu, apakah avatar-avatar MyBlogLog komentator sudah nampak?
Ok coy, selamat mencoba.....
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar