Recent comments post sidebar blogger

- 11:17:00
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>
.


EmoticonEmoticon

 

Start typing and press Enter to search