terça-feira, 25 de janeiro de 2011

Template SUPERNATURAL


Template do seriado SUPERNATURAL
3 colunas, preto e amarelo.

Preço - R$ 90

Quero comprar este template!

Para comprar este template, entre em contato  com o cblogger pelo msn codigosblogger@hotmail.com


Marcadores: , ,

Jump Break - Resumir Postagem com Estilo

Olá Pessoal, eu sou o administrador do Blogando com Facilidade e estou aqui com mais um tutorial, Desta vez ensinando como inserir um Jump Break ao Blog e dar estilo à ele. A ferramenta Jump break é um recurso do blogger que tem como função resumir as postagens, mostrando na página inicial, de marcadores e arquivos apenas uma parte do post. Esse recurso é super fácil de ser utilizado e pode ser aplicado apenas nos posts que você quiser, ou seja, não é automático. Isso é ótimo pois o Post não perde o estilo HTML, como quebra linhas e espaços. 

COMO ADICIONAR UM JUMP BREAK:
1º - Acesse o Painel de seu Blog e clique na aba Postagem e crie uma nova postagem.
2º - Escreva uma descrição e adicione um jump break clicando na imagem com uma folha cortada em duas partes (Fica no lado esquerdo do alinhamento de texto)
3º - Em seguida digite o conteúdo que você quer que apareça apenas nas páginas internas.
4º - Depois publique a página. Pronto o Jump Break será inserido.
5º - Agora é so adicionar o estilo no tutorial abaixo

ADICIONAR UM ESTILO:
1º - Acesse o Painel do seu Blog e clique na Aba Design
2º - Em seguida clique na Sub-aba Editar HTML.
3º - Agora segure as teclas CTRL + F (Atalho de busca na página) e procure por:
]]></b:skin>
4º - ACIMA dele cole o seguinte Código:
/* - Jump-break - */
.jump-link {
font:normal bold 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
margin:10px 0px 15px;
text-align:right;
}
.jump-link a {
color:#FFFFFF;
background:#464646;
text-decoration:none;
margin:0px;
padding:5px;
outline:none;
}
.jump-link a:visited {
color:#FFFFFF;
background:#464646;
text-decoration:none;
margin:0px;
padding:5px;
outline:none;
}
.jump-link a:hover {
color:#FFFFFF;
background:#28baf0;
text-decoration:none;
margin:0px;
padding:5px;
outline:none;
}
5º - Em seguida clique em Salvar Modelo. 

COMO CONFIGURAR:
CASO VOCÊ AINDA NÃO TENHA O JUMP BREAK:
Caso você não tenha o Jump Break será necessário adicionar o modelo para ele funcionar.
1º - Acesse o Painel do seu Blog e clique na aba Design.
2º - Em seguida clique na Sub-aba Editar HTML
3º - Agora marque a a caixa "Expandir Modelos de Widgets".
4º - E em seguida segure as teclas CTRL + F e procure por:
<p><data:post.body/></p>
5º - VOCÊ PROVAVELMENTE IRÁ ENCONTRAR DOIS RESULTADOS, COLE ABAIXO DO SEGUNDO O SEGUINTE CÓDIGO:
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#sobre"'><data:post.jumpText/></a>
</div>
</b:if >
7º - Em seguida clique em Salvar Modelo 

CASO VOCÊ TENHA O JUMP BREAK
Caso você tenha o JUmp Break a única alteração que você poderá fazer é trocar a mensagem do botão. Para isso siga os seguintes passos:
1º - Acesse o Painel d seu Blog e clique na aba Design.
2º - Em seguida encontre o Widget "Postagens no Blog" e clique em "editar".
3º - Agora procure pelo campo "Texto do Link da página de postagem" e troque-o pela mensagem que você quer.
4º - Em seguida clique em Salvar.
TUTORIAL NO BLOGANDO NO FACILIDADE: 

Marcadores: , , , ,

Template PARAMORE


Template Fã-Clube da banda PARAMORE.
3 colunas, preto, verde, rosa, top menu

Preço - R$ 80

Quero comprar este template!

Para comprar este template, entre em contato  com o cblogger pelo msn codigosblogger@hotmail.com

Marcadores: , ,