Cara membuat Recoment Avatar Blog

 Cara membuat Recoment Avatar Blog - Cara ini mungkin memang saya akui sudah sangat banyak di bahas di blog.Tapi kali ini saya hanya berbagi cara membuat terkomentari seperti Blog facewoman.blogspot.com,Banyak versi Recoment avatar ini.dan kalau anda tidak tepat memilihnya malah akan memberatkan blog anda.Tapi tidak demikian untuk versi yang saya pakai,widget ini tidak begitu memberatkan Blog dan loadnya juga masih Normal.Jika anda tertarik membuat menu terkomentari.ikuti langkah langkahnya di bawah ini :

1. Login Blogger.
2. Pilih Edit tata letak-tambah widget terus cari add java scrip.
3. masukkan Kode di bawah ini ke java scrip anda :

<style type="text/css">
ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
.tb_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style:  italic;text-align: justify;line-height: 1.4;}
</style>


<script type="text/javascript" >
//<![CDATA[
/**
 * Recent Comments Widget with Avatar for Blogger
 * Version : 1.3
 * Author  : Andikwin
 * Author Url  : http://facewoman.blogspot.com
 * (c) 2012 allrightsreserved.
 *
 * -=Options=-
 *   var  numComments  = 5,
 *    showAvatar  = true,
 *    avatarSize  = 60,
 *    roundAvatar = true,
 *    showMorelink = false,
 *    moreLinktext = "More &raquo;"
 *    characters  = 60,
 *    defaultAvatar  = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLrBKmwwqRFqjm2Ki0Swio5NqbVZyKWm1LjWDg7m8-RaZfJFfTGu9ytMhMWr2e7aXi3S14rjHlpv4FIHlExTVMh71hkvQxKudLsdrov7SyeWb9MG88S5sEj__OF5sD4AsTDtLH-yUw88OS/s1600/facewoman++icon+komentar.jpg",
 *    hideCredits = false;
 * 
 */

eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('7 D=D||5,9=9||19,A=A||1a,m=m||"h://W.S.g/16/?d=18",E=E||" 1p &1f;",v=(p v===\'o\')?j:v,z=(p z===\'o\')?Z:z,n=(p n===\'o\')?j:n,M=(p M===\'o\')?Z:n;1l 12(L){7 b;b=\'<Y C="12">\';H(7 i=0;i<D;i++){7 x,y,2,k;4(i==L.14.8.q)1g;b+="<X>";7 8=L.14.8[i];H(7 l=0;l<8.I.q;l++){4(8.I[l].1j==\'1o\'){x=8.I[l].w}}H(7 a=0;a<8.K.q;a++){y=8.K[a].1i.$t;2=8.K[a].1h$1k.N}4(2.f("/O/")!=-1){2=2.u("/O/","/s"+9+"-c/")}e 4(2.f("/T/")!=-1){2=2.u("/T/","/s"+9+"-c/")}e 4(2.f("/U-c/")!=-1&&2.f("h:")!=0){2="h:"+2.u("/U-c/","/s"+9+"-c/")}e 4(2.f("G.g/B/1n-P.J")!=-1){2="h://3.13.Q.g/-1m-1e/17/1c/1b/s"+9+"/15.R"}e 4(2.f("G.g/B/1d-P.J")!=-1){2="h://3.13.Q.g/-1R/1U/1P/1K/s"+9+"/1J.R"}e 4(2.f("G.g/B/1M.J")!=-1){4(m.f("S.g")!=-1){2=m+"&s="+9}e{2=m}}e{2=2}4(v==j){4(n==j){k="1O"}e{k=""}b+="<V C=\\"1T "+k+"\\"><B C=\\""+k+"\\" N=\\""+2+"\\" 1H=\\""+y+"\\" 1w=\\""+9+"\\" 1I=\\""+9+"\\"/></V>"}b+="<a w=\\""+x+"\\">"+y+"</a>";7 11=8.1v.$t;7 6=11.u(/(<([^>]+)>)/1u,"");4(6!=""&&6.q>A){6=6.1r(0,A);6+="&1s;";4(z==j){6+="<a w=\\""+x+"\\">"+E+"</a>"}}e{6=6}b+="<r>"+6+"</r>";b+="</X>"}b+=\'</Y>\';7 F="";4(M==j){F="10:1F;"}b+="<r 1G=\\"1E-1D:1A;10:1B;1C-1S:1z;"+F+"\\">1y 1t<a w=\\"h://W.1x.1L/\\">1Q</a></r>";1N.1q(b)}',62,119,'||authorAvatar||if||commBody|var|entry|avatarSize||commentsHtml|||else|indexOf|com|http||true|avatarClass||defaultAvatar|roundAvatar|undefined|typeof|length|span|||replace|showAvatar|href|commentlink|authorName|showMorelink|characters|img|class|numComments|moreLinktext|hideCSS|blogblog|for|link|gif|author|tb|hideCredits|src|s1600|rounded|blogspot|png|gravatar|s220|s512|div|www|li|ul|false|display|commHTML|tb_recent_comments|bp|feed|tb_blogger_logo|avatar|TxMKLVzQ5BI|mm|60|40|QYau8ov2blE|AAAAAAAABYY|openid16|1X32ZM|raquo|break|gd|name|rel|image|function|AaI8|b16|alternate|More|write|substring|hellip|by:|ig|content|width|facewoman.blogspot|Widget|right|10px|block|text|size|font|none|style|alt|height|tb_openid_logo|8iasY0xpLzc|com|blank|document|avatarRound|AAAAAAAABYc|Facewoman|9lSeVyNRKx0|align|avatarImage|TxMKMIqMNuI'.split('|'),0,{}))

//]]>
</script>  



<script type="text/javascript" src="http://facewoman.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=8"></script>

Keterangan :

1. Ganti alamat  http://facewoman.blogspot.com/ dengan alamat blog anda.
2. numComments  = 9, adalah jumlah comentar yang akan di tampilkan.
3. showAvatar  = true, adalah kita munculakan gambar avatar apabila anda tidak ingin menampilkan gambar avatar kata true ganti dengan false
4. avatarSize  = 35, adalah ukuran avatar komentar.
5. characters  = 60, adalah jumlah kata dalam komentar

Itulah Cara membuat Recoment Avatar Blog semoga cara di atas bisa bermanfaat untuk anda.