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.

6 Komentar

Hallo sobat..Kami Senang! Apabila Anda mau meninggalkan Saran, kritik dan Opini tentang Artikel Blog Kami.

  1. terima kasih sobat telah share info yg bagus ini.
    bila saya ada waktu pasti datang lagi kesini dan comment lagi :D

    BalasHapus
  2. Mas, saya mau nanya nih..
    Klo mau buat 2 kolom dibawah sidebar kiri dan sidebar kanan kayak di blog ini, gimana caranya sob..

    BalasHapus
    Balasan
    1. yang mana ya kang yang anda maksud.coba kirim scrinshote gambarnya saja...entar tak buat tutorial aja gan biar jelas,

      Hapus
    2. Yang ada di homepagenya mas andik (facewoman).
      Itu gimana caranya? 2 kolom dibawah sidebar kiri dan sidebar kanan? Gimana caranya mas? Saya mau mempraktikan langsung mas, hehe.. :)

      Hapus
    3. Gan coba lihat scrinshot blog facewoman.. http://facewoman.blogspot.com/2012/07/screenshot-tata-letak-blog-facewoman.html Dari beberapa gambar Tata letak blog facewoman.yang anda maksud yang mana?apabila benar tolong gambar itu kasih tanda centang!bar saya lebih jelas.

      Hapus

Posting Komentar

Hallo sobat..Kami Senang! Apabila Anda mau meninggalkan Saran, kritik dan Opini tentang Artikel Blog Kami.

Lebih baru Lebih lama