1 de agosto de 2016

¿Cómo poner gadget de "Últimos comentarios"? [HTML]


Hoooola! Cómo están? Yo preparando una nueva iniciativa junto a una amiga *^*
Estamos preparando los últimos detalles, la semana que viene seguramente la estrenaré ^^

¿De qué trata la entrada de hoy? Pues os cuento! Hace unos días muchos días... XD lo siento me preguntaron cómo puse el gadget de "Últimos comentarios", y la verdad es que durante un tiempo lo estuve buscando hasta que una amable amiga mía me paso el código *^*
Así que no tengo créditos por el código pero tampoco es mío (? y muchas pags lo tienen así que... Créditos a su respectivo autor!
Espero que os sea útil!
¡Gadget con los últimos comentarios!
Es muy sencillo de poner y configurar ^^ Simplemente debéis ir a Diseño > Añadir un gadget > y en un gadget Javascript/HTML ponéis el siguiente código:

<style type="text/css">
    ul.w2b_recent_comments{list-style:none;margin:0;padding:8px;}
    .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 1px; !important;display:block;clear:both;overflow:hidden;list-style:none;}
    .w2b_recent_comments li .avatarImage{padding:3px;background:#d4d4d4;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin: 0px 6px 0px 1px; position:relative;overflow:hidden;}
    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
numComments = 6,
showAvatar = true,
avatarSize = 30,
roundAvatar = true,
characters = 80,
showMorelink = true,
moreLinktext = "More ª",
defaultAvatar = "http://orig00.deviantart.net/cd8e/f/2014/164/6/7/grumpy_chopper_by_sunny_winter_star-d7m9le2.png",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://googledrive.com/host/0B9_mC4DQDs9OcC1lRmpYUkNLMTA/w2b-recent-comments-gravatar.js"></script>
<script type="text/javascript" src="http://tu-blog.blogspot.com.es/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>
Para modificarlo...
- Si quereis modificar el numero de comentarios, el tamaño de los avatares o simplemente quitarlos, etc, debéis editar esta parte:
showAvatar  = true                         Mostrar avatar [True], Ocultar avatar [False]
avatarSize  = 30,                            Tamaño del avatar
roundAvatar = true,                          Avatar redondeado [True], Avatar sin redondear [False]
characters  = 80,                            Número de letras que deben mostrarse
defaultAvatar  = "URL",                      Avatar por defecto, en el caso de que la persona no tenga

- Para poner tu blog en el código y decir el número máximo de comentarios que debe mostrar debéis modificar la última parte...
<script type="text/javascript" src="http://tu-blog.blogspot.com.es/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

En el "tu-blog" debéis poner el nombre de tu url, es decir... https://sweet-love-shoujo.blogspot.com.es
Más abajo, encontrareis el número de comentarios que mostrara el gadget, por defecto he puesto 5, para poner más o menos solamente debéis modificar el número.
FIN
Espero que os sirva y que se entienda bien!!

6 comentarios:

  1. Muy lindo el tuto♡ por cierto el diseño está perf haha es que hace un tiempo que no me pasaba , trataré de pasarme más seguido, besos!

    ResponderEliminar
  2. oooh esta genial, gracias.

    ResponderEliminar