Kemaren pada saat google ulang tahun ke-10 pada blogger buzz meluncurkan Show Your Face pendek katanya blogspot sekarang sudah support sama komentar yang beravatar seperti punya wordpress, sehingga para pengunjung bisa ngasih comment dan nitip fotonya deeh disitu jadi bisa foto kita bisa nebeng, dengan adanya avatar komentar ini para blogger dan pengomentar semakin asyik saja deh.
Kaya'nya blogspot ngga' mau ketinggalan sama penyedia blog gratisan seperti wordpress yang memberikan fasilitas - fasilitas yang sangat membantu bagi dunia blogging, sehingga tidak mengherankan kalau blogspot selalu update tool - tool nya yang semakin memdudahkan kita dalam menulis dan mengelola blog gratisan ini.
Untuk Menampilkan Avatar / gambar pada kotak komentar blogspot simak penjelasan singkat ini :
1. Masuk User Id Blogspot
2. Pada tab Layout >> Edit HTML atau Tata Letak >> Edit HTML kasih tanda centang pada expand template widget
3. Copykan kode berikut di atas kode ]]></b:skin>
.avatar-image-container img{4. Cari kode berikut ini
background:transparent url(http://i33.tinypic.com/24b9na8.jpg)no-repeat;
height:35px;
position:absolute;
width:35px;
}
<dl id='comments-block'>atau
<div id='comments-block'>5. Ganti kode diatas dengan kode berikut
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>Atau kode ini untuk yang memakai kode div id
<div expr:class='data:post.avatarIndentClass' id='comments-block'>6. Cari kode kira - kira seperti ini
<a expr:name='data:comment.anchorName'/>7. Kemudian ganti kode diatas dengan kode berikut
<b:if cond='data:comment.favicon'>8. Klik Save dan selesai.
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
Salam Ngeblog ...
Baca Juga Artikel Lainnya untuk Tutorial Blogspot :
- Cara Membuat Blog Gratisan Pada Blogspot
- Cara Memposting Artikel Pada Blog
- Cara Mensetting Blog
- Cara Menyisipkan Link pada Blog
- Free Download Template Blogspot
- Update Blog Ke Post Editor Terbaru
- Cara Menambahkan Read More / Baca Selengkapnya Pada Blog
- Cara Membuat Komentar Seperti Pada Wordpress
- Cara Menyisipkan Emotion Pada Blog
- Menambahkan Status Yahoo Masangger Pada Blog
Related Posts :
Info Menarik :
15 comments:
gak nemu kodenya sama sekali Om ,,,
@ putra : sebelum nyari kode centang Expand Template Widget dikanan atas, dan klo seandainya masih nggak nemu kode yg sama dgn kode diatas cari yg mirip dgn kode diatas,,,
Mantap bos... bisa dicoba nih :D
@ gadis : slmat mencoba, moga brhasil,,,,,
Maaf mau konsul mas, ko aku gak bisa copy kode ini yg point 5
katanya gak well performed
Ditunggu ya mas, makasih banyak
@ Insanitis37 : utk point lima di pilih salah satu, sesuai pd point 4 klo ps point 4 pa diawali dgn dl atau div kalo, dl ya tiggal di remove yg berawaln dl begitupun sebaliknya, moga bisa mbantu...
terima kasih. saya sudah coba. dengan editedit dikit karena jenis template saya yang mungkin berbeda. jadi letak fotonya ada di sebelah kanan kolom komentar. sebelum di edit namanya tertutup sama foto.
terima kasih...
http://chandra-unikom.blogspot.com
kok di aku g bisa mas, tolong dong
@Rifky Panser : di cari ja kode yg mirip2 ma scrit diatas mas, soal x biasanya tiap2 template tdk sama, so dicoba edit2 dikit ja scriptnya...
mantap pisan euy...langsung jadi punyaku mas..mampir ya...
sip mas langsung praktek
@widodo:ok, silhkan dicoba, resep x,,,,he he he..
halo
Salam kenal sebelumnya mo'nanya nich mas koq di saya avatarnya gak kluar yach?!apa orang yg komen di blog saya harus daftar di gravatar dl sebelumnya spy avatarnya bs kluar.,...
thx sebelumnya...
@ Hendra : ngga' perlu ndftar di gravatar sob, langkah2 nya pastikan blog settingannya dah Update editor, ngeceknya Setting >> Basic >> Select Post Editor plih Update Editor, klo udah cek juga disettingan Comment >> Show profile Image = Yes, baru deh masukin script kode diatas.
moga berhasil.
Posting Komentar