Senin, 27 Desember 2010

Cara Pasang Avatar Di Komentar Blogger


Menampilkan avatar di komentar Blog. Tentu saat anda berkunjung ke blog Wordpress, 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/AVvXsEgFs9LVvdyMpMp60GpH4OqpsyN1pbpTdqEzuSKcCTDgaNHpssC92oU7RdE2eJ31ZU0FIw2_Rm5rPP7rKrmyDSZaIq3xQN8BJtAi0_DUwlsYiYMKuWVBZHtLCJ5YfdSw9g-04Pd8-sOu8TY/s1600/Membuat+Avatar+di+Kometar+Blogger.gif);width:44px;height:44px;}
Ket : ubah tulisan hijau di atas, dengan url foto, gambar, atau avatar yang kamu sukai...
-  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'>
-  Sekarang cari kode <div 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>
Terakhir Simpan dan lihat hasilnya komentar di artikel anda yang mengunkan anonim atau url akan memiliki avatar sehingga terlihat lebih menarik! :thumbsup:
Catatan :
*Terkadang cara diatas tidak cocok untuk beberapa template, jadi anda harus sedikit memodifnya sedikit lagi.

Resume Code : www.bloggerplugins.org

Lihat Juga :

Jangan asal copy paste, baca aturanya di sini !
Post By Kang Salman
http://asksalman19.blogspot.com



Ingin mendapat penghasilan tambahan dari blog? Bergabung dan jadikan blog anda sebagai ladang uang bagi dompet anda setiap bulan. Cukup pasang banner saja! Daftar =>  Klik Disini<= klik!  untuk memanen uang $ seperti saya. Gratis!!
Dapatkan update artikel  terbaru kami langsung ke email anda.  

0 komentar:

Posting Komentar

give your comment here, please do not spam

 
My Big Dream powered by XXZ