[WIDGET] Ultimos Comentarios

en algunas paginas he visto esta opcion de los ultimos comentarios que se actualizan y bueno quize probar haber si podia poner esta opcion en mi blog y bueno lo logre! y ahora te brindo este codigo JAVASCRIPT que bueno no es tan complicada la aplicacion lo unico que deves hacer es editar algunas cosas de este codigo y añadirlo en DISEÑO > AÑADIR UN GADGET y agregas el codigo , la verdad algunas personas de esto viven de bueno solo copiar y pegar 
codigos y nunca aprenden verdad , en mi opinion no me gusta publicar cosas que bueno no lo unico que deve hacer las personas es solo COPY/PASTE  bueno asi que les explico 

rapidamente... al observar rapidamente este codigo veras que es javascript y por que javascript? bueno como veras el javascript mayormente se utiliza para crear funciones como editores de imagenes en la web funciones de desplazamiento etc... entonces este es un simple codigo lo cual tiene la funcion de actualizarse al momento de que se publiquen comentarios y te preguntaras como lo hace? bueno para esta opcion de actualizarse solo lo defines con el URL de tu blog o pagina el cual extraera datos de las entradas Paginas etc... si es que tienes esta opcion en funcionamiento (comentarios en paginas estaticas) 

bueno esta es mi pequeña explicacion si te intereso javascript tan solo busca en la web hay bastantes Tutoriales sobre esto y bastantes paginas que te explican como se desarrolla una opcion con javascript bueno aqui les dejo el codigo y espero puedan tomar en cuenta que el  internet no solo es COPY/PASTE hay atras de todo esto un gran mundo por conocer:

RECUERDA: agregalo en DISEÑO > AGREGAR UN GADGET y edita algo y GUARDA

CODIGO:


<div class="widget-content"> <div id="ultimosComentarios"> <script type="text/javascript"> function showrecentcomments(json) { for(var i=0; i < a_rc; i++) { var b_rc=json.feed.entry[i];var c_rc; if(i==json.feed.entry.length)break; for(var k=0; k < b_rc.link.length; k++) { if(b_rc.link[k].rel=='alternate') { c_rc=b_rc.link[k].href;break; } } c_rc=c_rc.replace("#","#comment-"); var d_rc=c_rc.split("#"); d_rc=d_rc[0]; var e_rc=d_rc.split("/"); e_rc=e_rc[5]; e_rc=e_rc.split(".html"); e_rc=e_rc[0]; var f_rc=e_rc.replace(/-/g," "); f_rc=f_rc.link(d_rc); var g_rc=b_rc.published.$t; var h_rc=g_rc.substring(0,4); var i_rc=g_rc.substring(5,7); var j_rc=g_rc.substring(8,10); var k_rc=new Array(); k_rc[1]="Ene"; k_rc[2]="Feb"; k_rc[3]="Mar"; k_rc[4]="Abr"; k_rc[5]="May"; k_rc[6]="Jun"; k_rc[7]="Jul"; k_rc[8]="Ago"; k_rc[9]="Sep"; k_rc[10]="Oct"; k_rc[11]="Nov"; k_rc[12]="Dic"; if("content" in b_rc){ var l_rc=b_rc.content.$t; } else if("summary" in b_rc) { var l_rc=b_rc.summary.$t; } else var l_rc=""; var re=/<\S[^>]*>/g; l_rc=l_rc.replace(re,""); if(m_rc==true)document.write(k_rc[parseInt(i_rc,10)]+' '+j_rc+' '); document.write(' <li style="color: #7A7A7A;"><b>' + b_rc.author[0].name.$t + ':</b>'); if(n_rc==true)document.write(f_rc); document.write('<br/>'); document.write('<a href="' + c_rc + '">'); if(l_rc.length < o_rc) { document.write(l_rc); } else { l_rc=l_rc.substring(0,o_rc); var p_rc=l_rc.lastIndexOf(" "); l_rc=l_rc.substring(0,p_rc); document.write(l_rc+'…'); } document.write('</a></li> '); } } </script> <script type="text/javascript"> var a_rc=3; var m_rc=false; var n_rc=false; var o_rc=78; </script> <script src="http://URL DE TU BLOG.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script> <li style="color: #7A7A7A;"> <a href="http://URL DE TU BLOG.blogspot.com/" style="cursor: hand; cursor: pointer; background: #FCFCFC;border: 1px dotted #CCCCCC;margin-left: 10px;font-size: 12px;padding: 4px;">Deja El Tuyo!</a></li> </div> </div>

Puedes Editar: 

Los LINKS que ves al final del codigo cambialos por el URL de tu blog o pagina 

Exactamente no saldra en este estilo pero Saldra segun el estilo que le tengas a tus GADGESTS en tu plantilla 

ESCRITO POR: Andy Gomez

Comparte este articulo con tus amigos en las redes sociales y Vota por el articulo en Bitacoras.com

Twittear Compartir