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:

Tips

• Ponsel HTC One 802 D saya yang sudah mati suri selama 5 hari akhirnya bisa hidup kembali Dengan Shuame
• Konversi File Ppt ke Video Dengan Xilisoft PowerPoint to Video Converter
• Tips Blogger | Memasang Spoiler Di Blog
• Tips Blogger | Membuat Blockquote Sederhana Di Blog
• Tips Blogger | Memasang Widget Menu Tab View Tiga Kolom Di Sidebar
• Tips Blogger | Cara Membuat Widget Artikel Terkait (Related Posts)Dengan Fungsi Scroll
• Tips Blogger | Pasang Widget Encoder HTML di Blog
• Tips Blogger | Pasang Huruf Besar Di Awal Postingan
• Tips Blogger | Widget Recent Comments Dengan Summary Post Untuk Blogspot
• Tips Blogger | Memasang Widget Recent Posts Dengan Fungsi Sliding Di Blog

Languages :