Sunday, 5 September 2010

Cara Memasang Photo Dan Avatar di Kotak Komentar Blogger

:

Berkat fitur Show your face dari Blogger kini kotak komentar blogger sudah dapat menampilkan gambar atau foto dari pengunjung yang memberi komentar di blog.

Untuk menampilkan avatar, caranya sangat mudah. Anda cukup mengaktifkannya dengan masuk ke menu Setting -> Comments lalu pada bagian "Show profile images on comments" pilih YES. Beres..

Hanya saja cara ini hanya berlaku untuk template tertentu saja khususnya template yang disediakan oleh blogger dan hasilnya kurang optimal dimana avatar hanya muncul jika pengunjung memberi komentar dengan blogger id. Sedangkan yang berkomentar dengan openid atau anonymous, avatar tidak muncul.




Meskipun demikian, anda juga dapat memunculkannya dengan melakukan sedikit pengeditan pada kode template anda sehingga hasilnya menjadi seperti ini.

avatar on blogger comments

Untuk mengimplementasikannya:

1. Pertama-tama masuk ke menu Setting->Comments. Pilih lalu YES pada bagian "Show profile images" dan tekan Save.

2. Setelah itu, masuk ke menu Design-> Edit HTML

3. Beri centang pada "Expand Widget Templates". Agar lebih aman backup template anda.

4. Cari kode berikut:


<dl id=’comments-block’>
5. Ganti kode tersebut dengan kode ini

<dl expr:class=’data:post.avatarIndentClass’ id=’comments-block’>
6. Setelah itu cari kode berikut

<a expr:name=’data:comment.anchorName’/>
7. Ganti kode tersebut dengan kode berikut ini

<b:if cond=’data:comment.favicon’>
<img expr:src=’data:comment.favicon’/>
</b:if>
<a expr:name=’data:comment.anchorName’/>
<b:if cond=’data:blog.enabledCommentProfileImages’>
<div expr:class=’data:comment.avatarContainerClass’>
<data:comment.authorAvatarImage/>
</div>
</b:if>
8. Setelah itu tambahkan kode css berikut diatas ]]></b:skin>


#comments-block .avatar-image-container img {
background: #fff url(http://lh3.ggpht.com/_jlrHOTScEOY/TIMmkr6te1I/AAAAAAAAAV8/ws5MYXkuL7Q/avatar.gif) no-repeat left top;
width:35px;
height:35px
}
Keterangan:
Teks yang berwarna merah merupakan alamat gambar untuk avatar anonymous. Sedangkan teks yang dicetak tebal merupakan ukuran avatar. Anda bisa ganti sesuai keinginan.

9. Kalu sudah simpan template anda. Selesai


Selamat mencoba. Semoga berhasil senyum





Cara Memasang Photo Dan Avatar di Kotak Komentar Blogger 9 out of 10 based on 10 ratings. 9 user reviews.


Artikel Terkait

cElOTEh sObAT BLOGGER :

Ada 10 komentar ke “Cara Memasang Photo Dan Avatar di Kotak Komentar Blogger”
Chukie Fieroe said...
 

kagak ada bro...
ane dah search pake CTRL+F kagak ada scrip yang begituan..
apa pengaruh dari Tamplatenya ya??

BTW emoticons ente ga bisa muncul bro...

Imdad_Gresik said...
 

btw .. ente pake template baru pa gak ? tu scrip bwt template yg baru. kalo emang gk ada yg sama persis, coba ente cari yang mirip2 itu,... menkn sebelunya udah ente edit... :32

emoticonnya bs kok.. ente tadi kurang nambahi kode nya (:) :53

Chukie Fieroe said...
 

ane pake Tamplate baru...tapi bukan Tamplate bawaan Blog..

mungkin pengaruh tamplatenya juga ya... :21

Evando Diotama said...
 

@Chukie Fieroe

hati hati gan... !!! ketik ulang tanda petik satu setiap code nya

heheh dari :
kostpelajar (dot) blogspot (dot) com
:10

Imdad_Gresik said...
 

sipp sipp maz chukie... !! thank tambahaneee.. lam kenal sOb. :26

Imdad_Gresik said...
 

@pacarsewaan ((((dl id=’comments-block’ <--- ap ne mksudnya dd ?

:cendolbig :batabig :najis :marah :repost :2thumbup :matabelo :request :babyboy1 :sorry :travel :kimpoi :ultah :rate5 :bola :kbgt :iloveindonesia :nosara :berduka :hoax :dp :cekpm :thumbup :kr :nohope :ngacir :salahkamar :cool :mewek :babyboy :babygirl :95

ASSALAMU'ALAIKUM WR WB

BLOG ini DOFOLLOW _ Berkomenarlah Yang Baik Dan Sopan Zaaaa !!
Kalo Mau Pake EMOTICONS, sObat Hanya Cukup Menulisan Kodenya Saja... !! ( :10 :11 :13 :16 - :101 / :najis :travel :rate5 ) BE A FRIENDLY !