Codigos para blogger parte II

Esta é a segunda parte do post sobre codigos para Blogger,leia tambem o artigo anterior codigos para  blogger parte I, com outros codigos que lhe podem ser uteis.

Todos os codigos para blogger aqui descritos foram aplicados por mim ou já faziam parte deste template e podem ser realizados por qualquer pessoa mesmo sem conhecimentos de html ou css, eu próprio não sou um expert nessa matéria, muito longe disso, no entanto, acho que um blog precisa de um template agradável e o mais possivel optimizado em termos de SEO e por isso meti mãos á obra e fiz a maior parte das modificações num blog de teste e só depois no meu blog.

Se não sente confiança para mexer no código do seu blog, entre na sua conta e inicie um novo blog com o titulo http://OSEUBLOG-TESTE.blogspot.com e na aba definições clique em permissões e de seguida marque “apenas autores do blogue” conforme foto.

Agora faça todas as modificações no seu blog de teste ( aconselho uma de cada vez para ir entendendo o que modifica e ao mesmo tempo vai ganhando confiança) e se tudo correr bem e gostar das alterações realizadas pode passar ao seu blog ou blogues a sério e voltar a alterar o que desejar com a certeza de que está tudo bem.

Para não me repetir deixo no inicio a indicação mais importante de todas:

Antes de fazer qualquer modificação salve o seu template.

Como colocar uma caixa de texto no post

Muitas vezes queremos dar destaque a determinado texto ou como no caso aqui representado queremos colocar algumas linhas de código para o blogger dentro de uma caixa, enfim o que quiserem colocar dentro dessa caixa.Para uma caixa de texto simples basta copiarem os códigos abaixo e substituir a parte em maiúsculas pelo texto que pretenderem.

<textarea cols=”50″ rows=”2″ style=”font-family: monospace;” mce_style=”font-family: monospace;”>COLOQUE O SEU TEXTO AQUI

Caso o texto que queiram colocar na respectiva caixa seja muito extenso e queiram que ele seja totalmente visualizado sem recorrer á barra lateral da caixa alterem o numero que colocaram em row=”NUMERO” para um numero que cubra todo o texto escrito.

Se escrevermos um texto com um numero de linhas superior ao que definimos previamente, ficamos com uma barra na lateral da caixa de texto que temos que mover para ler todo o texto escrito

Como resumir os post na pagina inicial ( HOME) do seu blog.

Quando um visitante chega ao seu blog através do endereço do mesmo e caso tenha o numero de post na página inicial configurado para mais do que um post, digamos 7, que normalmente é o que vem por defeito no blogger, depara-se com 7 artigos completos para ler,se escreverem artigos sobre um ou mais assuntos muito extensos, normalmente o visitante fica-se pelo primeiro ou segundo e vai embora, são as estatísticas que o dizem.

Comparando com um jornal ou revista seria o mesmo que todo o conteúdo viesse na capa, o que acontecia é que as pessoas liam na diagonal alguns dos artigos sobre assuntos que gostassem mais e acabavam por não comprar esse mesmo jornal/revista, mais uma vez são as estatísticas que o dizem, e quem sou eu para as contrariar.

Aqui entra outro factor também importante que são os títulos dos posts, quanto mais apelativos maior é a probabilidade de serem lidos, mas isso voçês já devem saber.

Vamos então ao codigo como resumir os artigos com a frase continue a ler ou leia mais aqui…. no fim do resumo do post.

Existem duas forma de resumir o conteúdo dos artigos mas esta é a que eu prefiro pois fa-lo automaticamente sempre que escrevo.

Imediatamente antes da tag </head> coloque os seguintes codigos:

<mce:script language=’javascript’ src=”http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery-1.2.3.pack.js” mce_src=”http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery-1.2.3.pack.js” type=’text/javascript’/><!– <script language=’javascript’ src=”http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery.extractor.js” mce_src=”http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery.extractor.js” type=’text/javascript’/> <script type=’text/javascript’> $(document).ready(function() { $(‘.excerpt’).expander({ slicePoint: 280, // default is 100 expandEffect: ‘fadeIn’, expandText: ‘[...]‘, // default is ‘read more…’ userCollapseText: ‘[^]‘ // default is ‘[collapse expanded text]‘ }); }); // –></mce:script><br />

<b:if cond=’data:blog.pageType != “item”‘></p> <div class=’excerpt post-body entry-content’> <data:post.body/></p> <div style=”clear: both;” mce_style=”clear: both;”/> <!– clear for photos floats –> </div> <p><a expr:href=’data:post.url’>Continue lendo…</a></p> <p><b:else/></p> <div class=’post-body entry-content’> <data:post.body/></p> <div style=”clear: both;” mce_style=”clear: both;”/> <!– clear for photos floats –> </div> <p></b:if><br />

<center><img<br /> src = http://img176.imageshack.us/img176/6091/84056383at1.png/></img<br /> src></center></p> <form id=”translateForm”<br /> target=”_blank”<br /> action=”http://www.worldlingo.com/S1790.5/translation”><br /> <input value=”PT” name=”wl_srclang” type=”hidden”/></p> <select style=”font-size: 70%; width: 160px;”<br /> name=”wl_trglang”><br />

.