13 julho, 2012
Como colocar o hack leia mais com imagens
Para colocar o resumo dos posts na página inicial, também chamado de “hack leia mais”, no designer do modelo usando a nova interface
, vá em “modelo” e clique em “editar HTML”
Em editar html, marque “expandir modelos de widgets” e procure (Crtl+F do teclado) por: <data:post.body/>
Substitua <data:post.body/> por:
Agora vá no CSS do template e antes da tag ]]></b:skin> cole este código:
Procure então pela tag </head> e cole este outro código embaixo dela:
Clique em “visualizar” e se estiver tudo correto, clique em “salvar modelo”
Se caso precisar eu farei uma video-aula explicando
, vá em “modelo” e clique em “editar HTML”
Em editar html, marque “expandir modelos de widgets” e procure (Crtl+F do teclado) por: <data:post.body/>
Substitua <data:post.body/> por:
<b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <div expr:id='"summary" + data:post.id' style='display:none;'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <div style="clear:both" align='right' class='rmlink'><a expr:href='data:post.url'>Leia mais »»</a></div> </b:if></b:if> <b:if cond='data:blog.pageType == "item"'> <data:post.body/></b:if> <b:if cond='data:blog.pageType == "static_page"'><data:post.body/> </b:if>
Agora vá no CSS do template e antes da tag ]]></b:skin> cole este código:
.rmlink { font-size: 100%; float: right; margin-right: 30px; margin-top: 10px; font-weight: bold;} .rmlink a { font-style: normal; font-weight: bold; font-variant: small-caps; font-family: Arial,Sans-Serif; color: #24618e; /*Cor do Link*/} .rmlink a:visited { color: #649dc7;}/*Cor do link depois de clicado*/ .rmlink a:hover { color: red;} /*Cor do link ao passar o mouse em cima*/
Procure então pela tag </head> e cole este outro código embaixo dela:
<!-- JavaScript Posts Resumidos--> <!-- /***************************************************** Auto-readmore link script, version 4.0 (for blogspot) (C)2009 by Anhvo Homepage: http://vietwebguide.com Please dont remove this copyright or change it into your own ******************************************************/ --> <style type="text/css"> .thumbnailimg IMG { max-width:150px; width: expression(this.width > 150 ? 150: true); max-height:120px; height: expression(this.height > 120 ? 120: true); } .thumbnailimg { float:left; padding:0px 10px 5px 0px; } </style> <script type='text/javascript'> var thumbnail_mode = "no-float" ; var classicMode = false ; var summary_noimg = 50; var summary_img = 40; var indent = 3; </script> <script type='text/javascript'> //<![CDATA[ function stripHtmlTags(s,max){return s.replace(/<.*?>/ig, '').split(/\s+/).slice(0,max-1).join(' ')} function getSummaryLikeWP(id) { return document.getElementById(id).innerHTML.split(/<!--\s*more\s*-->/)[0]; } function getSummaryImproved(post,max){ var re = /<.*?>/gi var re2 = /<br.*?>/gi var re3 = /(<\/{1}p>)|(<\/{1}div>)/gi var re4 = /(<style.*?\/{1}style>)|(<script.*?\/{1}script>)|(<table.*?\/{1}table>)|(<form.*?\/{1}form>)|(<code.*?\/{1}code>)|(<pre.*?\/{1}pre>)/gi post = post.replace(re4,'') post = post.replace(re3,'<br /> ').split(re2) for(var i=0; i<post.length; i++){ post[i] = post[i].replace(re,''); } var post2 = new Array(); for(var i in post) { //if(post[i]!='' && post[i]!=' ' && post[i] != '\n') post2.push(post[i]); if(/[a-zA-Z0-9]/.test(post[i])) post2.push(post[i]) ; } var s = ""; var indentBlank = ""; for(var i=0;i<indent;i++){ indentBlank += " "; } if(post2.join('<br/>').split(' ').length < max-1 ){ s = post2.join(indentBlank +' <br/>'); } else { var i = 0; while(s.split(' ').length < max){ s += indentBlank + ' ' + post2[i]+'<br/>'; i++; } } return s; } function createSummaryAndThumb(pID){ var div = document.getElementById(pID); var content = div.innerHTML; if (/<!--\s*more\s*-->/.test(content)) { div.innerHTML = getSummaryLikeWP(pID); div.style.display = "block"; } else { var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = summary_noimg; if(img.length>=1) { if(thumbnail_mode == "float") { imgtag = '<span class="thumbnailimg"><img src="'+img[0].src+'" /></span>'; summ = summary_img; } else { imgtag = '<div class="thumbnailimg" align="center"><img src="'+img[0].src+'" /></div>'; summ = summary_img; } } var summary = (classicMode) ? imgtag + '<div>' + stripHtmlTags(content,summ) + '</div>' : imgtag + '<div>' + getSummaryImproved(content,summ) + '</div>'; div.innerHTML = summary; div.style.display = "block"; } } //]]> </script><!-- Fim JavaScript Posts Resumidos—>
Clique em “visualizar” e se estiver tudo correto, clique em “salvar modelo”
Se caso precisar eu farei uma video-aula explicando
Assinar:
Postar comentários (Atom)
Parceiros
0 comentários:
Postar um comentário
Regras de Privacidade
Leia Antes de Postar: Os Comentarios são lidos e moderados previamente
Serão postados os comentarios que seguirem as regras.
1.Sem chingamentos, ou ofensas para ambos tipos de pessoas sendo ela o moderador ou o visitante
2.Não damos suporte referente ao que você baixar e instalar no seu computador, não aderimos esta possibilidade apesar de que os programas são variados
3.Se for postar um comentario que seja de coração ,agradeçam-nos por nosso trabalho, pois, não ganhamos nada por isso apenas sua colaboração
4. Se ao acaso acharem programas desatualizados, ou que não estão disponiveis mais para download nos avise
5.Os Comentarios são aceitos para que uns ajudem aos outros na instalação de um software etc.
6.Muitas vezes não estabelecemos um manual de instalação em alguns softwares, por tanto, tentem procurar no Google ou em outros mecanismos de busca.
7.Se alguma pagina de Filmes, series estiverem om virus nos avise, pois, pode ser erros nas hospedagens dessas midias.
8.Se desejar um download que ainda não esta presente no site, nos avise que iremos providenciar
Muito Obrigado pela atenção