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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf_MWZ5QRTkgdDNq1MRqA2JhsS_XXR0CUiPPlbco6ue6ozttEh42b9vi0bmkHA9B-j3ilqkqXZ6newHahna-HN42XVcpc8wOT_m2VQY_GZ77b6O1rEFHa5czm53e69_9u3uFtH_6ZVftU/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 :