Olá!!! Hoje iremos aprender a, como colocar Resumo de Postagens Automática com miniatura de imagem no Blog.
O resumo de postagem é muito útil e bem procurado, pois ele facilita a vida dequem tem conteúdo muito extenso (grande) nas postagens do Blog, sendo assim, apenas na pagina Inicial aparecerá um pequeno resumo de postagem e junto estará um Link "Leia mais Postagem..." e deste modo as postagens dará mais espaço para outras postagens aparecer no inicio do Blog...
Bom, este código não foi feito por nós, e sim pelo site Acessórios para blogs. Este código é muito útil para ser utilizado no blog, eu mesmo testei e estarei passando pra vocês, e explicarei Passo a Passo como colocar no blog.
Veja um Exemplo:
Acesse o Painel de edição do seu Blog, vá em Modelo >> Editar HTML >> depois emProsseguir:
Segundo Passo:
Agora você vai pressionar as teclas Ctrl+F do seu teclado, e procurar por esse Tag:
</head>
Adicione este Script logo antes do Tag encontrado:
<script type='text/javascript'>
summary_noimg = 330;
summary_img = 300;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://acessoriosparablogs.com.br/scripts/resumopost.js' type='text/javascript'/>
summary_noimg = 330;
summary_img = 300;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://acessoriosparablogs.com.br/scripts/resumopost.js' type='text/javascript'/>
Terceiro passo:
Agora Salve o Modelo, depois de salvar marque a opção "Expandir Modelo de Widget".
Apos Expandir o modelo, procure por esta parte do Código:
<data:post.body/>
Quarto Passo:
Ao encontrar o código substitua ele por este código:
<p><b:if cond='data:blog.pageType == "index"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb
("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Leia mais...</a>
</span></b:if>
<b:if cond='data:blog.pageType != "index"'><data:post.body/></b:if></p>
<script type='text/javascript'>createSummaryAndThumb
("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Leia mais...</a>
</span></b:if>
<b:if cond='data:blog.pageType != "index"'><data:post.body/></b:if></p>
Quinto Passo
Prontinho pessoal, agora Clique no botão Visualizar, e veja se esta tudo certo, se estiver tudinho certo Salve Alterações.
Observe: O resumo de postagem apenas aparecerá na página inicial do Blog
Nenhum comentário: