Foto saya
Berawal dari hobby dan susah nya mendapatkan cheat saat bermain game , maka saya berinisiatif membuat blog ini agar para sobat-sobat semua dapat lebih mudah untuk mendapatkan cheat . Apabila ada kesalahan dalam blog ini saya mohon maaf , Thank's

Minggu, 08 Januari 2012

membuat avatar komentar pada blog

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<a href='http://raytkj.blogspot.com/'><a href='http://raytkj.blogspot.com/'> blog</a></a>ger 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://i37.photobucket.com/albums/e74/mrphoto16/Hermanblog/avatar.gif) no-repeat left top;
width:32px;
height:32px
}
Kalau mau gambar Avatar seperti di kotak komentar blog  ini gan CONTOHNYA "COPAS AJA"

http://4.bp.blogspot.com/_UfFR1z2UIrc/TQYowt9RuaI/AAAAAAAAAhU/v9vAnGcsx48/S45/avatar2310486_2.gif>>> http://4.bp.blogspot.com/_UfFR1z2UIrc/TQYowt9RuaI/AAAAAAAAAhU/v9vAnGcsx48/S45/avatar2310486_2.gif

kalau mau avatar yang lain bisa coba yang ini  gan :

http://1.bp.blogspot.com/-TccfA1zBDSU/TZxUKkBUimI/AAAAAAAAAE0/7sIsu_GzSrs/s45/avatar.jpg>>> http://1.bp.blogspot.com/-TccfA1zBDSU/TZxUKkBUimI/AAAAAAAAAE0/7sIsu_GzSrs/s45/avatar.jpg

http://2.bp.blogspot.com/_NhxfwhHnuog/SXpDNdDgP2I/AAAAAAAAAdg/7q3NR_-71Kk/S45/Avatar%2BHannief.bmp>>> http://2.bp.blogspot.com/_NhxfwhHnuog/SXpDNdDgP2I/AAAAAAAAAdg/7q3NR_-71Kk/S45/Avatar%2BHannief.bmp

http://www.downloadatoz.com/_imgbank/co/counter-strike-msn-display-pictures/Counter-Strike-MSN-Display-Pictures.icon.gif>>>http://www.downloadatoz.com/_imgbank/co/counter-strike-msn-display-pictures/Counter-Strike-MSN-Display-Pictures.icon.gif

http://fc04.deviantart.net/fs28/f/2008/096/a/8/Avatar_Sasuke_by_Martiniszka.gif>>>http://fc04.deviantart.net/fs28/f/2008/096/a/8/Avatar_Sasuke_by_Martiniszka.gif

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

Tidak ada komentar:

Poskan Komentar

 
Support : Creating Website | Soekipli | Ketabang Cheater and Heaker
Copyright © 2011. --== CHEATER and HEAKER==-- - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger