Widget de comentários recentes com e sem Imagem miniatura

Olá amigos Mult-focos, neste post vamos ver duas maneiras de adicionar o widget de comentários recentes com e sem Imagem miniatura.
Sem delongas, você escolhe o modelo 1 ou 2 copie o código correspondente ao mesmo cole em um documento de texto, faça a alteração na parte que está em vermelho pelo endereço do seu blog.

( http://mult-focos.blogspot.com.br/feeds/comments/default?)
Depois faça o seguinte caminho: Painel do Blogger->Layout->Adicionar um gadget->na janela que se abrir procure por HTML/javascript e cole o código já modificado e salve pronto. Isto é tudo.

Modelo 1

Código modelo 1

 <script style=text/javascript src="https://sites.google.com/site/multfocosjavascript/comentarios-mult-focos/coment%C3%A1rios%20mult-focos.js"></script><script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=100;</script><script src=http://mult-focos.blogspot.com.br/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script> <a style="display:none" href=http://goo.gl/xqysp4>Obtenha este Widget </a><style type=text/css> .rcw-comments a {text-transform: capitalize;} .rcw-comments {border-bottom: 1px solid #666; padding-top: 6px!important; padding-bottom: 6px!important;} </style>

Modelo 2

Código modelo 2

 <style type="text/css"> ul.w2b_recent_comments{list-style:none;margin:0;padding:0;} .w2b_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;} .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;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 = 5, showAvatar = true, avatarSize = 60, roundAvatar = true, characters = 40, showMorelink = true, moreLinktext = "Mais »", defaultAvatar = "https://fbcdn-profile-a.akamaihd.net/hprofile-ak-xap1/v/t1.0-1/p50x50/1515045_181757288690327_181212412_n.jpg?oh=b751f7f382d6b933f6ba9a027af55d84&oe=544632D6&__gda__=1413116765_6269ff418df73e6b5f90979f491eae50", hideCredits = false; //]]> </script> <script type="text/javascript" src="https://sites.google.com/site/multfocosjavascript/comentarios-mult-focos/widgetcoment%C3%A1rioscomimagem.js"></script> <script type="text/javascript" src="http://mult-focos.blogspot.com.br/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>