quinta-feira, 17 de novembro de 2016

Recent comments post sidebar blogger

recent comments post widget sidebar


Hoje vamos compartilhar esse incrivel widget by mastamvan isso tem um papel importante além de ser um widget diferenciado isso também mostra inovação quanto layout é muito util para  aumentar a quantidade de post comentados uma vez que isso mostra os post recent commentados então para adicionar isso ao Blogger siga os passos abaixo.


Para adicionar na sidebar siga os passos:

Faça login no Blogger então no painel localize por layout
procure por adicionar novo Gadget então Java Script então copie e cole o seguinte código:


<script type="text/javascript">
  //<![CDATA[  
  // Recent Comments Settings  
  var numComments    = 8,  
      showAvatar     = true,  
      avatarSize     = 60,  
      roundAvatar    = true,  
      characters     = 30,  
      showMorelink   = true,  
      moreLinktext   = "More &#x2192;",  
      defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",  
      hideCredits    = true;
  //]]>
</script>
<script src='https://rawgit.com/mastamvan/backup/master/recent-comment.js' type='text/javascript'></script>
<style type='text/css'>ul.mas_tamvan_recent_comment{display:inline-block;background:-moz-linear-gradient(-45deg,#183850 0,#183850 25%,#192C46 50%,#22254C 75%,#22254C 100%);background:-webkit-linear-gradient(-45deg,#183850 0,#183850 25%,#192C46 50%,#22254C 75%,#22254C 100%);width:100%;padding:12px 0 0;margin:0;position:relative;overflow:hidden;border-radius:5px}ul.mas_tamvan_recent_comment li a{text-decoration:none;color:#0AD5C1;padding:0 0 5px}ul.mas_tamvan_recent_comment li a.author{display:block}ul.mas_tamvan_recent_comment li{position:relative;clear:both;display:inline-block;padding:5px 10px 10px 10px;margin:0 10px 20px 0;font-size:13px;border-radius:10px;background-color:rgba(25,147,147,0.2);animation:show-chat-even 0.15s 1 ease-in;-moz-animation:show-chat-even 0.15s 1 ease-in;-webkit-animation:show-chat-even 0.15s 1 ease-in;float:left;margin-left:80px;color:#0EC879;border:0}ul.mas_tamvan_recent_comment li:after{position:absolute;top:15px;content:'';width:0;height:0;border-top:15px solid rgba(25,147,147,0.2);border-left:15px solid transparent;left:-15px}ul.mas_tamvan_recent_comment li .avatarImage{position:absolute;top:0;width:50px;height:50px;border-radius:50px;left:-70px;overflow:hidden}ul.mas_tamvan_recent_comment li .avatarImage img{width:100%;height:auto}</style>
<script src="https://yourblogurl/feeds/comments/default?alt=json&amp;callback=mas_tamvan_recent_comment&amp;max-results=5" type="text/javascript"></script>
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

Nenhum comentário:

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner