BlogEngine.net: Rotação de postagens em destaque com JQuery, revisitado

Eu precisava de uma apresentação de slides para escolher a melhor postagem para crescer e usar em minha página inicial. Então, usei a extensão de Michael Baird adaptando-o para a nova versão do BlogEngine.net 2.7 e adicionando novos recursos. É um rotador de postagens em destaque revisitado.

BlogEngine.net: Rotação de postagens em destaque com JQuery, revisitado

Para começar, aqui estão as alterações feitas:

  • adaptação para BlogEngine 2.7 (deve funcionar com as versões 2.5 e 2.6);
  • em Configurações de administrador> Extensão> FeaturedPostsRotator onde você pode escolher postagem e fotos, ordenando os artigos alfabeticamente para ajudá-lo a determinar quando você tem muitas postagens;
  • conexão com os comentários Disqus;
  • adição do Próximo ao mesmo tempo que anterior setas;

BlogEngine.net: Rotação de postagens em destaque com JQuery, revisitado



 

Esta extensão usa JQuery e um plugin JQuery chamado InnerFade.

Como usá-lo:

  • Extraia o arquivo zip e copie os arquivos para os locais correspondentes em seu blog;
  • Modifique os estilos em style.css em User controls / FeaturedPostsRotator / styles.css de acordo com sua preferência;
  • Adicionar aos seus temas site.master, se você tiver suporte para o Tema Razor, você pode colocar este comando no arquivo default.aspx de sua raiz. (para obter mais informações, consulte o arquivo ReadMe.txt no arquivo zip)
  • Vá para Admin> Extensão> FeaturedPostsRotator> Editar e selecione uma postagem e adicione uma imagem (jpeg ou gif).

 

Outras personalizações:

1) Para quem não tem comentários pode alterar esta linha de código em FaturedPostsRotatorControl.cs em GetImagesHtmlList ()

sb.AppendFormat (" {0} ", post.PermaLink, Resources.labels.comments);

 

Com este código:

sb.AppendFormat (" {0} ({1}) ", post.RelativeLink, Resources.labels.comments, post.ApprovedComments.Count);


 

2) Para alterar a altura e largura da imagem ao fazer o upload em Configurações você deve alterar o parâmetro nesta linha de código em FaturedPostsRotatorControl.cs em GetImagesHtmlList ()



 

sb.AppendFormat (" ", post.RelativeLink, HttpUtility.HtmlEncode (post.Title), featuredImage);

 

 

3) Para alterar as medidas da apresentação de slides, você pode alterar “containerheight”Em FaturedPostsRotatorControl.cs em AddJavaScriptToPage () e altura e largura no arquivo CSS em User_controls> FeaturedPostsRotator> Style.css.

 

4) No meu tema que funciona com suporte do Razor Theme, modifiquei meu style.css para:


 

#content #colLeft #featured ul, #content #colLeft #featured ol {width: 638px; altura: 260px; estilo de lista: nenhum; estouro: oculto; preenchimento: 0px 0px 0px 0px; margem: 0px; } #content #colLeft #featured ul li, #content #colLeft #featured ol li {width: 638px; altura: 260px; posição: relativa; índice z: 1; preenchimento: 0px; margem: 0px; estilo de lista: nenhum; }

 

 

Espero que isso possa ajudá-lo.

Você pode ver um exemplo desta apresentação de slides na página inicial deste site. Espero que você goste.

FeaturedPostRotator_Revisited 1.0.zip (21,20 kb)

 

Adicione um comentário do BlogEngine.net: Rotação de postagens em destaque com JQuery, revisitado
Comentário enviado com sucesso! Vamos analisá-lo nas próximas horas.