Menampilkan avatar di komentar Blog. Tentu saat anda berkunjung ke blogWordpress, avatar di dalam komentar merupakan hal yang lumrah. Lalu apakah mungkin kang hal tersebut di terapkan di mesin Blogspot? Jawabannya adalah Ya!.
Oke kali ini kang salman akan mengulas mengenai cara membuat avatar di komentar blog untuk blogspot
Step 1 :
Silakan Login ke Blogger » Pilih Rancangan » Pilih Tab Edit HTML
Step 2 :
- Beri tanda ceklis pada kotak kecil disamping tulisan "Expand Template Widget"
- Cari kode ]]></b:skin>
- Copy kede di bawah ini dan taruh di atas ]]></b:skin>
.avatar-image-container{width:44px;height:44px;}
.avatar-image-container img {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcShzG33bf3_Oc1TuiFj7QRXS85WjF4HEdb93tEAbvhRoNXbWELh0CQeqoaAA5D4pAQtIIPRMu04SWHL_M-GsJC601zKlFIEMkE9A17WtODqccybcrEXLPuxEyRohtQMLgzS6jE5a57go/s1600/Membuat+Avatar+di+Kometar+Blogger.gif);width:44px;height:44px;}
- Cari kode <dl id='comments-block'>
Tips : Tekan CTRL+F lalu masukan kode id='comments-block'> ke kotak search, lalu enter
- Kalau sudah ketemu, pilih yang pertama, lalu hapus kode tadi
- Ganti dengan kode berikut :
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
- Hapus kode tadi dan ganti dengan kode di berikut :
<b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/> </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>
Catatan :
*Terkadang cara diatas tidak cocok untuk beberapa template, jadi anda harus sedikit memodifnya sedikit lagi.
Resume Code : www.bloggerplugins.org
Lihat Juga :
- Cara Membuat Link Membuka Tab Baru
- Cara Mengetahui Jumlah Backlink Ke Blog Kita
- Cara Mecopy/FotoGambar di Layar Komputer Fuul 100%
Keyword: Cara Pasang Avatar Di Komentar Blogger
Jangan asal copy paste, baca aturanya
Post By Kang Salman
www.kucoba.com
0 komentar:
Posting Komentar
-Terima Kasih atas Kunjungannya di Artikel saya ini :)
Note : Dilarang SPAM , Berkata Jorok
Jika Coment Seperti itu akan saya hapus :)
Sekian Terimakasih :)
http://tutorialfree4u.blogspot.com/