Friday 18 June 2010

Tips Blogger | Memasang Gravatar Di Komentar Blogspot

Cara membuat Gravatar di Komentar Blogspot ini, mungkin bukan barang baru lagi bagi sebagian sahabat Blogger, namun saya beranikan diri untuk mempostingnya kembali di Blog saya yang sederhana ini. Walaupun tidak relevan dengan topik Blog ini yang eksis dengan bahasan tentang software, namun mungkin tips Blogger ini dapat membantu para Blogger junior lainnya seperti saya.





Yo, langsung saja praktekkan :

1). Login ke blogger, tentunya dengan akun yang kamu punya.

2). Klik Rancangan (dulu namanya Tata Letak)

3). Pilih Tab Edit HTML

4). Untuk jaga-jaga, backup dulu template Blog kamu dengan klik pada Download Template Lengkap

5). Beri tanda contreng pada "Expand Template Widget"

6). Cari kode ini

]]></b:skin>



7). Setelah ketemu letakkan kode di bawah ini tepat di atas kode ]]></b:skin>

.avatar-image-container img{ background:transparent url(http://3.bp.blogspot.com/__LzE4TwGFEU/S4KYtXrFXhI/AAAAAAAAAZk/4KelmHfYjF8/s320/blank_gravatar.jpg)no-repeat; height:35px; width:35px; }



8). Selanjutnya carilah kode berikut pada template anda :

<dl id='comments-block'>



(sebagian template lainnya kode ini ada yang dua jadi harus ganti semua)

atau kode ini

<dl class='comments-block' id='comments-block'>



9). Gantilah kode tadi dengan kode berikut :

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>



10). Sekarang cari dan temukan kode ini

<a expr:name='data:comment.anchorName'/>



11). Ganti kode di atas dengan kode dibawah ini

<b:if cond='data:comment.favicon'>
<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>



12). Simpan Template Blog kamu.

13). jika kamu tidak menemukan kode <a expr:name='data:comment.anchorName'/> di template Blog kamu, coba cari kode di bawah ini:

<b:if cond='data:comment.authorUrl'>



Kemudian letakkan kode di bawah ini tepat di atasnya

<b:if cond='data:comment.favicon'>
<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/>


sumber : Savalia 2001




Artikel Terkait:



Languages : English French German Spain Italian Dutch Russian Japanese Korean Arabic Chinese Simplified


5 komentar:

Sukadi said...

terimakasih infonya. tapi kalau di template saya tidak ada kode diatas terus bagaimana ya solusinya?

jieenk said...

..Udah Aku coba mas, tapi belum tau hasilnya...
nunggu Komen dulu sepetinya...:D

mely said...

nice news friend, kunjungi jg nih blog sy yah...http://dollardarineobuxcomtanpareferal.blogspot.com

Dwijayasblog said...

Thanks infonya sangat membantu.

cara menjadi agen foredi said...

makasih tutorialnya sangat lengkap. ternyata begitu cara membuat gravatar diblogspot.

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

loading...