terça-feira, 5 de julho de 2016

Blogger recent Comments Widget

Blogger-recent-comments-post-widget

Hoje vamos mostrar como instalar blogger recent post comments avatar widget no seu Blogger isso vai mostrar aos visitantes quem esta comentando seu Blog os principais post e o melhor isso tem um layout atrativo.

Adicionando blogger recent Comments avatar widget

Faça login no Blogger então va em layout adicionar novo Gadget 
então procure por HTML/JavaScript copie o código a seguir e cole isso vai ficar melhor na sua sidebar barra lateral do Blogger. 

<style scoped="scoped" type="text/css"> 
ul.wahyu_recent{list-style:none;margin:0;padding:0;} 
.wahyu_recent li{background:none !important;margin:0 0 6px !important;padding:3px  
!important;display:block;clear:both;overflow:hidden;list-style:none; border: 1px solid transparent;
border-radius:9px; max-height: 100px;} 
.wahyu_recent li:hover{border: 1px solid #ddd;}
.wahyu_recent a {text-decoration:none;}
.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;width:35px;height:35px} 
.wahyu_recent li span{margin-top:4px;color: #222;display: block;font-size: 12px;line-height: 1.4;} 
</style>
<script type="text/javascript">
//<![CDATA[
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 35,
 roundAvatar = true,
 characters  = 40,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 maxfeeds=50,
 adminBlog='MYBLOGGERSEO';
//]]>
</script>
<script type="text/javascript" src="https://cdn.rawgit.com/Wahyututorial/wahyututorial/master/recentcommentsblog.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=wahyu_recent&amp;&amp;max-results=50">
</script>

Configurando o widget:

umComments = 5 quantidade de comentários mostrados configure como desejar 
showAvatar = true   Para mostrar o avatar do comentario deixe como true 
avatarSize = 35 Tamanho do Avatar configure como desejar 
roundAvatar = true para isso ficar um circulo 
characters = 40 Quantidade de caracteres
defaultAvatar = “http://www.gravatar.com/avatar/?d=mm” (avatar default) não mexa esse é padrão
adminBlog=’MYBLOGGERSEO’ modifique pelo administrador do blog






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