Tutos Blogger

Compartiendo tutoriales sobre blogger

☰ Navigation
  • Home
  • Blog
    • About
    • Contact
    • Disclaimer
    • Privacy Policy
    • Sitemap
    • Terms of Service
  • Color Picker
  • Info Menarik
  • Internet
  • Kesehatan
  • Kategori
    • About
    • Contact
    • Disclaimer
    • Privacy Policy
    • Sitemap
    • Terms of Service
  • Error 404

Label

  • Blogger
  • Comentarios
  • CSS
  • Gadget
  • Javascript
  • Jquery
  • Menu
  • Monetizar
  • Plantilla
  • Redes Sociales
  • SEO
  • Tips

Entri Populer

  • Agregar perfiles de Facebook, Google+ y Twitter en nuestro blog (por ultimo Twitter)
  • Caja de Autor con CSS para Blogger
  • Caja de co-Autor para varios autores del Blog
  • Gadget para tus redes sociales con efecto hover
  • Modificar la caja de comentarios "Ver comentarios Blogger"
  • Entradas Recientes para Blogger
  • Hermoso Gadget de Comentario Recientes para Blogger
Home Blogger Comentarios CSS Hermoso Gadget de Comentario Recientes para Blogger

Hermoso Gadget de Comentario Recientes para Blogger

Fernando Salas 2/03/2013 Blogger Comentarios CSS
En este tutorial veremos como agregar un Gadget de Comentarios recientes para Blogger.



Antes de comenzar veremos una demostración: 
Demostración


Comencemos: 

  • Paso 1: Vamos a Blogger>>Diseño>>Añadir Gadget>>HTML/Javascript.
  • Paso 2: Dentro de nuestro gadget agregaremos el código HTML
<style type="text/css">
ul.latest_recent_comments{list-style:none;margin:0;padding:0}
.latest_recent_comments li{position: relative;background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none}
.latest_recent_comments li a{float:right;width:250px;font-size:12px;font-family:Arial;color:#888;background:#2c2c2c;margin-top:9px;padding:10px 7px 5px;border:1px solid #161616;border-right:3px solid #5390ad}
.latest_recent_comments li a:hover{color:#fff !important}
.latest_recent_comments li a:hover{color:#5390ad;background:#2c2c2c}
.latest_recent_comments li .avatarImage{float:left;margin:0 6px 0 0;position:relative;overflow:hidden}
.avatarRound{width:34px;height:34px}
.latest_recent_comments li img{padding:0;position:relative;overflow:hidden;display:block}
.latest_recent_comments li span{position: absolute;left:42px;padding:1px 3px;color:#8f887c;background:#444;display:block;font-size:12px;line-height:1.4}
.latest_recent_comments span{display:none}
</style>
<script type='text/javascript'>
eval(function(p,a,c,k,e,r){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--)r[e(c)]=k[c]||e(c);k=[function(e){return r[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}('8 z=z||5,2=2||1E,p=p||18,7=7||"17://14.13.6/-11-V/U-1y/1t/1b/12/10.w",x=x||" X &1d;",k="l"===m k?!0:k,n="l"===m n?!1:n,9="l"===m 9?!0:9,K="l"===m K?!1:9;16 M(h){8 c;c=\'<E B="M">\';A(8 e=0;e<z;e++){8 f,g,a,d;15(e==h.F.G.o)1c;c+="<H>";8 b=h.F.G[e];A(d=0;d<b.r.o;d++)"S"==b.r[d].T&&(f=b.r[d].y);A(d=0;d<b.v.o;d++)g=b.v[d].W.$t,a=b.v[d].Y$Z.I;-1!=a.3("/J/")?a=a.q("/J/","/s"+2+"-c/"):-1!=a.3("/D/")?a=a.q("/D/","/s"+2+"-c/"):-1!=a.3("/L-c/")&&0!=a.3("j:")?a="j:"+a.q("/L-c/","/s"+2+"-c/"):-1!=a.3("u.6/i/1a-N.C")?a="j://1.O.P.6/-1e/1f/1g/1h-1i/s"+2+"/1j.w":-1!=a.3("u.6/i/1k-N.C")?a="j://4.O.P.6/-1l/1m/1n/1o/s"+2+"/1p.w":-1!=a.3("u.6/i/1q.C")&&(a=-1!=7.3("1r.6")?7+"&s="+2:7);!0==k&&(d=!0==9?"1s":"",c+=\'<Q B="1u \'+d+\'"><i B="\'+d+\'" I="\'+a+\'" 1v="\'+g+\'" 1w="\'+2+\'" 1x="\'+2+\'"/></Q>\');c+="<R>"+g+"</R>";b=b.1z.$t.q(/(<([^>]+)>)/1A,"");""!=b&&b.o>p&&(b=b.1B(0,p),b+="&1C;",!0==n&&(b+=\'<a y="\'+f+\'">\'+x+"</a>"));c+=\'<a y="\'+f+\'">\'+b+"</a>";c+="</H>"}c+="</E>";1D.19(c)};',62,103,'||avatarSize|indexOf|||com|defaultAvatar|var|roundAvatar|||||||||img|http|showAvatar|undefined|typeof|showMorelink|length|characters|replace|link|||blogblog|author|png|moreLinktext|href|numComments|for|class|gif|s220|ul|feed|entry|li|src|s1600|hideCredits|s512|latest_recent_comments|rounded|bp|blogspot|div|span|alternate|rel|UPb7SL|32nw|name|More|gd|image|personal|5YeC_6|s80|googleusercontent|lh5|if|function|https|40|write|b16|QJRpUV7G9bc|break|raquo|NAMZejK41So|T0evV0_SSUI|AAAAAAAACso|ol6|PKkZipA|md_blogger_logo|openid16|k0U7v1WpNRs|T0euKMHQi_I|AAAAAAAACsg|DNqzinhvxt4|md_openid_logo|blank|gravatar|avatarRound|AAAAAAAABWE|avatarImage|alt|width|height|uGXI|content|ig|substring|hellip|document|34'.split('|'),0,{}))
</script>
<script type="text/javascript" src="http://tutorialesblogger.blogspot.com/feeds/comments/default?alt=json&callback=latest_recent_comments&max-results=5"></script>

  • Paso 3: Guardamos nuestro gadget y disfrutar de nuestro gadget de comentarios Recientes 
Nota:- Solo tendrás que cambiar la URL OJO por la de tu Blog
  • Twitter
  • Facebook
  • Google
  • Tumblr
  • Pinterest

Entradas Relacionadas

Ultima
« Prev Post
Anterior
Next Post »

7 comentarios

avatar
Responder
Manuel Antonio Villeda Pineda delete 24 de enero de 2014, 14:34

Por fin un código que funcione. Gracias. Solo una duda, puedo cambiar el número de caracteres para que muestre más...

avatar
Responder
Localiza Recursos Sociales delete 18 de julio de 2014, 11:14

Y para los blogs privados conoces alguno que se pueda implementar???

avatar
Responder
Fernando Salas delete 19 de julio de 2014, 13:01

No entiendo a que le llamas blog privados..
Saludos

avatar
Responder
Localiza Recursos Sociales delete 19 de julio de 2014, 13:11

A que solo pueden entrar personas invitadas.Con feed no funciona

avatar
Responder
Fernando Salas delete 19 de julio de 2014, 13:16

Estoy falto de comprensión en tus preguntas xD, me dices con la URL de un dominioo comprado no funciona ?

avatar
Responder
Localiza Recursos Sociales delete 7 de septiembre de 2014, 11:45

Lo que quiero decir es que , ninguno de estos gadgets funciona en blogs privados ya que necesitan acceder al feed del blog y es imposible cuando el blog no es público.
¿Me he explicado?Por eso busco el modo de poder implementar a mi blog privado alguna forma para añadir los últimos o recientes comentarios.Un saludo

avatar
Responder
Fernando Salas delete 11 de septiembre de 2014, 14:46

la verdad que no se podría, ya que los comentarios las entradas se manejan con Feed, no sabria decirte si se podrá, capas buscando en internet encuentres

Saludos

Con dudas, Deja tu comentario

Antes de comentar recuerda;

-No se permite spam
-No permitimos un vocabulario inapropiado
-Se se lo mas especifico

Nota:

Para introducir el código, utilice la etiqueta <i rel="pre"> AQUÍ TU CÓDIGO ... </i>
Para insertar una imagen, utilice la etiqueta <i rel="image"> SU URL IMAGEN AQUÍ ... </i>
Para insertar un título, utilice la etiqueta <b rel="h3"> SU TÍTULO AQUÍ ... </b>
Para insertar una nota, utilice la etiqueta <b rel="quote"> NOTA QUE AQUÍ ... </b>
Para crear el efecto de un uso intensivo <b> SU TEXTO AQUÍ ... </b>
Para crear el efecto del uso de la etiqueta cursiva <I> SU TEXTO AQUÍ ... </i>

Para convertir tu comentario en HTML

Copyright © Tutos Blogger | Fernando Salas | Blogger