, ,

Cara Edit Ukuran Avatar MyBlogLog Pada Kotak Komentar Blogger

01 November 2009 Leave a Comment

AlhamdulILLAH.. akhirnya bisa juga ganti template blog ini setelah 2 hari 2 malam berkutat dengan editor template dan beberapa cangkir kopi pahit, hehehe... OK deh, langsung aja. Pada postingan kali ini a2i3s akan mencoba berbagi tips bagaimana cara mengedit tampilan dan tata letak avatar MyBlogLog pada kotak komentar. Untuk memasang avatar MyBlogLog di komentar a2i3s rasa ga perlu dibahas lagi, karena telah banyak yang mempostingnya, misal saja postingan dari OOM. Namun ternyata hasilnya agak sedikit ganjil jika kita lihat blank avatar default yang muncul berukuran kecil. Seperti gambar di bawah ini.

avatar mybloglog tidak sama ukurannya

Nah, bagaimana cara mengubah ukuran default avatar sesuai dengan yang kita inginkan? Yuk kita bahas bareng-bareng.

1. Masuk ke Editor Template, lalu cari kode </head>

2. Paste kode di bawah ini tepat di atasnya, lalu Save.

<script type='text/javascript'>
//<![CDATA[
/*
Merlinox and Napolux MyBlogLog Avatar Creator
created by Merlinox (blog.merlinox.com)
helped by Napolux (www.napolux.com)
edited by a2i3s (http://a2i3s-c0ol.blogspot.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 style=\"width:25px; height:25px;border-right:2px solid #663300;border-bottom:2px solid #660000;\"  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. Aktifkan mode Expand Widget Templates, lalu cari kode berikut:

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

Lalu letakkan kode berikut di bawahnya:

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

Nah, beres deh, silahkan dicek hasilnya.

Catatan: Kode yang saya beri warna biru dapat anda edit untuk menyesuaikan dengan tampilan template sobat masing-masing.

Hasilnya akan terlihat seperti tampilan avatar di blog ini, coba aja posting komentar, hehehehe... met mencoba...

Related Posts

27 comments »

  • a2i3s™ said:  

    Pertamax,

    Test Avatar, hehehe...

  • Ali Munandar said:  

    keduax, nice info

  • Bang Emo (NanLimo) said:  

    wah.... bisa ya?? mkasih trik nya Kang.....

  • Osi said:  

    Berkunjung malam...thanks info dan kunjungannya...

  • Remba The Immaculate said:  

    Hmm baru tahu ternyata bisa dieedit juga toh....!!

    Aku udah komentar di blog kamu, bales komentar aku ya

    ………………….._,,-~’’’¯¯¯’’~-,,
    ………………..,-‘’ ; ; ;_,,---,,_ ; ;’’-,…………………………….._,,,---,,_
    ……………….,’ ; ; ;,-‘ , , , , , ‘-, ; ;’-,,,,---~~’’’’’’~--,,,_…..,,-~’’ ; ; ; ;__;’-,
    ……………….| ; ; ;,’ , , , _,,-~’’ ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ¯’’~’-,,_ ,,-~’’ , , ‘, ;’,
    ……………….’, ; ; ‘-, ,-~’’ ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ;’’-, , , , , ,’ ; |
    …………………’, ; ;,’’ ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ;’-, , ,-‘ ;,-‘
    ………………….,’-‘ ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ;’’-‘ ;,,-‘
    ………………..,’ ; ; ; ; ; ; ; ; ; ; ; ;__ ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ‘-,’
    ………………,-‘ ; ; ; ; ; ; ; ; ; ;,-‘’¯: : ’’-, ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; _ ; ; ; ; ;’,
    ……………..,’ ; ; ; ; ; ; ; ; ; ; ;| : : : : : ; ; ; ; ; ; ; ; ; ; ; ; ; ,-‘’¯: ¯’’-, ; ; ;’,
    …………….,’ ; ; ; ; ; ; ; ; ; ; ; ‘-,_: : _,-‘ ; ; ; ; ; ; ; ; ; ; ; ; | : : : : : ; ; ; .|
    ……………,’ ; ; ; ; ; ; ; ; ; ; ; ; ; ; ¯¯ ; ; ; ; ; ; ; ; ; ; ; ; ; ; ;’-,,_ : :,-‘ ; ; ;|
    …………..,-‘ ; ; ; ; ; ; ; ; ; ; ; ; ; ; ,,-~’’ , , , , ,,,-~~-, , , , _ ; ; ;¯; ; ; ; ; ;|
    ..…………,-‘ ; ; ; ; ; ; ; ; ; ; ; ; ; ; ;,’ , , , , , , ,( : : : : , , , ,’’-, ; ; ; ; ; ; ; ;|
    ……….,-‘ ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ;’, , , , , , , , ,’~---~’’ , , , , , ,’ ; ; ; ; ; ; ; ;’,
    …….,-‘’ ; _, ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ‘’~-,,,,--~~’’’¯’’’~-,,_ , ,_,-‘ ; ; ; ; ; ; ; ; ; ‘,
    ….,-‘’-~’’,-‘ ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; | ; ; | . . . . . . ,’; ,’’¯ ; ; ; ; ; ; ; ; ; ,_ ; ‘-,
    ……….,’ ; ;,-, ; ;, ; ; ;, ; ; ; ; ; ; ; ; ; ; ‘, ; ;’, . . . . THAT'S JUST WRONG---‘’’
    ………,’-~’ ,-‘-~’’ ‘, ,-‘ ‘, ,,- ; ; ; ; ; ; ; ; ‘, ; ; ‘~-,,,-‘’ ; ,’ ; ; ; ; ‘, ;,-‘’ ; ‘, ,-‘,
    ……….,-‘’ ; ; ; ; ; ‘’ ; ; ;’’ ; ; ; ; ; ; ; ; ; ; ‘’-,,_ ; ; ; _,-‘ ; ; ; ; ; ;’-‘’ ; ; ; ‘’ ; ;’-,
    ……..,-‘ ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ;¯¯’’¯ ; ; ; ; ; ; ; ; , ; ; ; ; ; ; ; ; ;’’-,
    ……,-‘ ; ; ; ; ; ; ; ,, ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; |, ; ; ; ; ; ; ; ; ; ; ‘-,
    …..,’ ; ; ; ; ; ; ; ;,’ ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ;|..’-,_ ; ; ; , ; ; ; ; ; ‘,

  • mendjaya said:  

    wew..praktek doeloe nieh..thanks

  • Dicknyonyo said:  

    Hadir .. Boss, Sorry agak terlambat hehehe.. Keren Boss. bisa buat Experiment nich, Ditunggu Trik2 nya yg baru ya ...

  • jaloee said:  

    wah euy.. keren template na..

  • BangJo said:  

    Wah,.templatenya asyik sob,...

  • cebong ipiet said:  

    ooo diriku pake defaultnya blogger soalnya...

  • gajah_pesing said:  

    wa....tutor yang menarik, kira-kira isa dicoba di WP gak ya?

  • andri said:  

    Avatarku pasti ngga kelihatan... hahaa
    blogspotku malah ndak pernah tak tulisi :-D

  • andri nawawi said:  

    edit dulu ahhh, biar nongol avatarnya

  • kosong said:  

    sayang dirku gaptek

  • suwung said:  

    diriku juga gaptek nih

  • draxc0la said:  

    wew. mantep dah ... heheheh

  • Pereira said:  

    mantap bos :)

  • ivan said:  

    salam kenal

  • rudy azhar said:  

    kalau kita mau rubah imagenya bisa nggak ya???

  • Dangsulaeman said:  

    gabung juga di mybloglog sy ya

  • asepblog'z said:  

    coba ah . . .

  • Masda said:  

    Mo cb ah... :D

  • Anonymous said:  

    nice info

  • Hendra said:  

    Thx for sharing yach, visit my blog pleaze... :)

  • Dwi Wahyudi said:  

    Wah, artikelnya mantap banget...

  • Niezar said:  

    makasi infonya

  • muarra said:  

    ih pnya gw ga mw,,, :'(

  • Leave your response!

    Be nice, Keep it clean, Stay on topic, No spam. Thanks.

    Previous Page Arrow Left Arrow next page arrow right arrow Back to home home icon button