My Blog List

Monday, September 21, 2009

Tutorial Cara Memunculkan Blogger Avatar di Komentar


Dalam rangka ulang tahun yang ke 10 tahun, blogger meluncurkan feature baru. Feature yang sudah ditunggu oleh para blogger mania, Avatar. Seperti yang diketahui banyak orang, feature ini akan memunculkan gambar profile di komentar, seperti wordpress. Memang sebelumnya, kita bisa menggunakan MyBlogLog avatar. Namun untuk menggunakannya, kita harus menggunakan script. Terlalu banyak script dalam template kita akan membuat blog kita menjadi lebih lambat.

Feature ini akan berfungsi pada template bawaan blogger. Namun untuk template bukan bawaan dari blogger, avatar belum dapat muncul. Namun, itu bukan masalah. Kita tinggal memasukkan beberapa kode kedalam template kita. Apabila sobat mau menggunakan feature yang ditawarkan oleh google, sobat bisa mengikuti langkah-langkah dibawah ini.

  1. Login ke akun blogger sobat
  2. Klik "Layout"
  3. Klik "Edit HTML"
  4. Cari kode ini di dalam kode template sobat.
    #comments-block {.......}
    Tambahkan .avatar-comment-indent di kode tersebut. Sehingga kode tersebut akan menjadi sebagai berikut.
    #comments-block .avatar-comment-indent {........}
  5. Setelah memodifikasi kode tersebut, masih ada beberapa kode yang mesti ditambahkan kedalam template sobat. Temukan kode dibawah ini
    <dl id='comments-block'>
    Rubah kode tersebut menjadi seperti ini.
    <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  6. Dibawah kode tersebut, sobat akan menemukan kode ini.
    <b:loop values='data:post.comments' var='comment'>
    Sekarang sobat harus menambahkan kode ini tepat setelah kode ini.
    <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
    <b:if cond='data:comment.favicon'>
    <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
    </b:if>
    <a expr:name='data:comment.anchorName'/>
    <b:if cond='data:blog.enabledCommentProfileImages'>
    <data:comment.authorAvatarImage/>
    </b:if>
  7. Langkah terakhir adalah menambahkan kode penutup dalam kode template sobat.Scrolling mouse sobat dan sobat akan menemukan kode penutup (closing code) seperti ini "<b:/loop>".
    Tepat setelah kode ini, tambahkan kode penutup yang diperlukan."</dt>", lalu simpan hasil edit sobat.


Trick avatar ini akan berfungsi jikalau komentator menggunakan akun blogger, apabila mereka menggunakan URL/Name maka avatarnya tidak akan muncul.
Blogger AvatarMudah-mudahan tips ini dapat membantu sobat yang ingin menggunakan feature blogger avatar.

Salam

tipsandcara
Print this post
Bookmark this post:
StumpleUpon DiggIt! Del.icio.us Blinklist Technorati Reddit


6 comments:

[+/-]Click to Show or Hide Old Comments

Seti@wan Dirgant@Ra on September 27, 2009 at 3:42 PM said...

Muantap,.... makasih sobat.

Gadgets and Techno on October 9, 2009 at 4:54 PM said...

Nice information and tips, thanks.

Andapun Bisa on October 31, 2009 at 11:58 PM said...

gud....|┼|ΓΆΓΆ

mawardi on November 2, 2010 at 12:29 PM said...

Terima kasih tips salam bloger

Ferdys on November 16, 2010 at 12:23 PM said...

bs .....
---
http://ferdys-aja.blogspot.com/2010/11/foblog-pedia-award.html

Mawardi on January 10, 2011 at 5:37 AM said...

Terima kasih tipsnya

[+/-]Show or Hide Comments

Post a Comment

My Banner

Loud Launch Site Disclosure Statement

I have received financial compensation for some of the posts on your blog (in keeping with current FTC Regulations) as some posts are paid posts.
 

Copyright 2009 All Rights Reserved Magazine 4 column themes by One 4 All