Como criar páginas avulsas no blogspot

No Blogspot não tem os mesmos recursos que tem o Wordpress para criação de paginas, no Blogspot apenas vamos criar uma pagina genérica.

Para que a criação de uma pagina no blogpot?

Muitas pessoas usam esse tipo de paginas para colocar contatos, parcerias e outras coisas que não queiram que apareça na pagina principal ou mesmo nas categorias ou marcadores.

Bom agora vamos começar a cria a pagina genérica do blogspot:

Primeiro entre no painel de controle do Blogger e clique na aba Configurações, nas abas que se abrirem logo abaixo clique em Arquivamento.

Na pagina seguinte que se abrir você tera 2 opções, Freqüência de arquivamento e Ativar páginas de postagem?

Na opção Freqüência de arquivamento você deve selecionar a opção Diariamente.

Em Ativar páginas de postagem? Você deve deixar selecionado Sim.

Depois de alterar essas configurações, vá em Postagem, para você criar uma postagem normal, o segredo da pagina genérica e não atribuir nenhuma categoria ou marcador a sua postagem, assim ela não aparecera na barra lateral.

Criada sua postagem, clique em Opções de postagem, vai se abri um menu Comentários dos leitores , com 2 opção Permitir e Não permitir, selecione a opção Não permirti, no canto desse mesmo menu tera uma opção Data e hora da postagem, altere a data para um dia antes da sua primeira postagem para que ela não apareça entre suas postagem.

Ex: Se você começou a postar no blog dia 10/03/08 alter a data para o dia 09/03/08, terminado a edição clique em publicar postagem.

Em seguida visite seu blog, se você tiver um buscador em seu blog ficara fácil de você encontrar sua postagem, caso não tenha nenhum buscador em seu blog, vá ate a ultima pagina do seu blog e clique em sua postagem para que ela se abra por inteira , copie o link na barra de endereço e coloque o link onde desejar, em seu menu, ou no rodapé do blog, enfim você podera colocar o link dessa pagina onde você quiser.

O interessante de se criar uma pagina genérica é que ela não aparecera na pagina inicial do blog e nem sera entregue como uma atualização no Feed ou no FeedBurner.

Vi aqui: http://www.criarblog.info/como-criar-pagina-no-blogspot/

Teclas de Atalhos do Word

Tabela 1: Formatação de Caracteres Alterar a fonte do texto [CTRL]+[SHIFT]+[F] Alterar o tamanho da fonte [CTRL]+[SHIFT]+[P] Diminuir o tamanho da fonte [CTRL]+[SHIFT]+[<] Aumentar o tamanho da fonte [CTRL]+[SHIFT]+[>] Diminuir o tamanho da fonte (em 1 ponto) [CTRL]+[ Aumentar o tamanho da fonte (em 1 ponto) [CTRL]+] Formatar todas as letras em MAIÚSCULAS [CTRL]+[SHIFT]+[A] Alternar entre maiúsculas e minúsculas (*) [SHIFT]+[F3] Formatar as letras em caixa alta [CTRL]+[SHIFT]+[K] Formatar letras em negrito [CTRL]+[N] Formatar letras em negrito [CTRL]+[N] Formatar letras em itálico [CTRL]+[I] Formatar letras em sublinhado [CTRL]+[S] Alterar a fonte para Símbolo [CTRL]+[SHIFT]+[Q] Formatar letras para subscrito [CTRL]+[=] Formatar letras com sobrescrito [CTRL]+[+] (igual a [CTRL]+[SHIFT]+[=]) Formatar as palavras com sublinhado [CTRL]+[SHIFT]+[W] Formatar letras com duplo sublinhado [CTRL]+[SHIFT]+[D] Copiar formatos [CTRL]+[SHIFT]+[C] Colar formatos [CTRL]+[SHIFT]+[V] Remover toda a formatação manual feita [CTRL]+[BARRA DE ESPAÇO] (*) Na verdade este atalho ( [SHIFT]+[F3] ) faz três coisas em seqüência: muda todas as letras para maiúsculas muda todas as letras iniciais das palavras para maiúsculas muda todas as letras para minúsculas (e tudo recomeça novamente) muda todas as letras para maiúsculas muda todas as letras iniciais das palavras para maiúsculas muda todas as letras para minúsculas (e tudo recomeça novamente) muda todas as letras para maiúsculas muda todas as letras iniciais das palavras para maiúsculas muda todas as letras para minúsculas (e tudo recomeça novamente) Tabela 2: Formatação de Parágrafos Aplicar espaçamento simples (entre linhas) [CTRL]+[1] Aplicar espaçamento duplo (entre linhas) [CTRL]+[2] Aplicar espaçamento de 1,5 (entre linhas) [CTRL]+[5] Alinhar o parágrafo à esquerda [F11] Alinhar o parágrafo à direita [CTRL]+[G] Justificar um parágrafo [CTRL]+[J] Recuar um parágrafo à esquerda [CTRL]+[M] Remover o recuo à esquerda [CTRL]+[SHIFT]+[M] Criar um recuo deslocado [CTRL]+[SHIFT]+[J] Reduzir um recuo deslocado [CTRL]+[SHIFT]+[T] Aplicar o estilo NORMAL [CTRL]+[SHIFT]+[B] Aplicar o estilo TÍTULO 1 [ALT]+[CTRL]+[1] Aplicar o estilo TÍTULO 2 [ALT]+[CTRL]+[2] Aplicar o estilo TÍTULO 3 [ALT]+[CTRL]+[3] Aplicar o estilo LISTA [SHIFT]+[F11] Remover toda a formatação do parágrafo [CTRL]+[Q]

copyright by Francisco Panizo.

Como redimensionar uma imagem

Fácil, extremamente fácil.

O link da minha imagem é esse:

<*img *src*="http://3.bp.blogspot.com/_

9xybQMeh5aU/TBDGIU-flEI/AAAAAAAAEyI/bXu2UCyfXAA/s400/gatim.jpg">

Ele tem 400 px de largura.

Eu quero diminuir de 400 px para 200 px de largura.

É só adicionar widht="200" depois de .jpg" e antes do sinal >

Ficará assim:

Poréééémmm, como o blogspot já vem com o widht e o height definidos, é só ir no Editar Html e mudar os números, onde widht é a largura e height é a altura. Ehhhhh!

Como postar cifras para violão

Eu estava tentando publicar uma música cifrada e quando visualizei a postagem as cifras ficaram todas agrupadas do lado esquerdo da postagem, assim:

F Bb D7 G- C7

Ao Espírito de amor/ Canto agora esta canção/

A- Bb F G7 C7

Que e tão simples como a flor/ Mas brotou do coração.

Então depois de algumas pesquisas na internet procurei o meu ajudante-mor, meu filho, e ele encontrou a solução:

Para que as cifras fiquem no lugar certo, ou seja com os devidos espaços, basta colocar <pre> no começo da frase e </pre> no final. Isso faz com que o texto original seja mantido depois de publicado.

Ex:

 F                Bb  D7      G-                              C7  
Ao Espírito de amor/ Canto agora esta canção/
            A-     Bb                  F                              G7      C7
Que e tão simples como a flor/ Mas brotou do coração. 

Menu horizontal

Para colocar um menu horizontal no site precisamos colocar o código em duas partes distintas. Primeiro vamos colocar o CSS, no blogspot isso é feito através da pagina editar html, colocando o código abaixo junto com os demais códigos CSS do seu blog ( body, main, sidebar, etc...), basta colocar o trecho abaixo junto com o restante dos códigos. Para outros blogs a regra é a mesma junto com os demais estilos CSS.

Código CSS do menu horizontal:

#menu{padding: 0px;

font: bold 12px Verdana;

margin: 0px;

width: 650px;}

#menu li{list-style: none;

display: inline;

margin: 0;

}

#menu li a:link, #menu li a:visited{

color: #0000FF;

text-decoration: none;

margin-right: 3px;

border: 2px solid #000000;

padding-top: 4px;

padding-bottom: 4px;

width: 150px;

display: block;

float: left;

text-align: center;

background-color: #FFFFCC;

}

#menu li a:hover{

color: #FFFFFF;

background-color: #FF9933;

border: 2px solid #0099FF;

}

Aqui existem algumas coisas que podemos mudar para deixar esse menu com uma aparência melhor para nosso site. Começando pela largura de cada item, isso é alterado nessa parte: width: 150px; basta trocar esse valor e pronto, contudo modificando isto mudaremos também a largura total do menu que precisará ser corrigida aqui: width: 650px. Quando colocar isso no seu site os itens do menu devem ficar um do lado do lado se isso não ocorrer modifique um destes dois valores que resolverá o problema.

Nesse exemplo o menu não está todo junto existe um pequeno espaço entre os itens para remover ou aumentar esse espaço altere o 3 nesta parte: margin-right: 3px. Finalmente as bordas:

border: 2px solid #000000;

border: 2px solid #0099FF;

Você pode mudar a largura ou a cor da borda (clique aqui e veja o código das cores), ou se preferir sem bordas basta apagar essas duas linhas.

Agora vamos para a segunda parte colocar o menu propriamente dito. Na página editar layout clique para adicionar um gadget e escolha a opção html/javascript, então coloque o código do menu, fizemos esse exemplo com nossos sites, mas para alterar é somente trocar os links:

<ul id="menu">

<li><a href="http://jornaljd.blogspot.com" target="_blank">Meu Jornal</a></li>

<li><a href="http://frasecurta.blogspot.com" target="_blank">Frases Curtas</a></li>

<li><a href="http://mensagens.110mb.com" target="_blank">Frases e Mensagens</a></li>

<li><a href="http://cidadeweb.110mb.com" target="_blank">Cidade Web</a></li>

</ul>

Boa sorte!

Tutorial Photoshop - Desenhando letras com fundo de foto

Abra uma foto eu você quer que seja o desenho de fundo.

(Clique na foto para visualizar em tamanho maior.)

Clique na ferramenta Texto, escolha a fonte (no meu caso eu coloquei a fonte Poplar Std, mas serve qualquer uma que seja larga) e escreva sobre a imagem:

Desbloqueie o background na janelinha layers e arraste para cima do layer do texto:

Com a layer da imagem de fundo selecionada clique em Creat Clipping Mask, ficará assim:

Recorte do tamanho desejado e está pronta sua assinatura com fundo de foto.

Se quiser você pode usar usar efeitos:

Layer > Layer Style  > Inner Shodow > ok > Inner Glow > ok.

Salvar como PNG para ficar com fundo transparente.

Sua assinatura ficará assim:

Abrir o link em outra janela

Para abrir o link em outra janela, adicionar :

target="_blank"

depois da primeira url da foto (pra onde ela vai)

ou entao assim: quando for link

As minhas <a href="http://pagina pra onde vai direcionar o link">frase que será o link</...
A tag usada é assim: <a href=" "> </a>
Caso deseja abrir o site em uma nova janela coloque assim:
As minhas <a href="http://endereço da pagina pra onde vai direcionar o link" target="_blank">frase que será o link</a>...

Para abrir todos os links em novas janelas, ao invés de adicionar um target="_blank" em cada link que quiser abrir em nova janela é só inserir a linha

<base target='_blank' />

logo após a tag <head> no código HTML do seu template, conforme o exemplo:

<head>

<base target='_blank' />

OU SEJA:

Para abrir um link em nova janela basta definir target="_blank" na tag <a>. Por exemplo:

<a href="http://www.mephost.com" target="_blank">Mep Host</a>

Se você colocar o nome de um frame que não existe na seção atual, o link deverá se abrir numa nova janela também.

Esse recurso é útil em especial para links externos: o visitante abre o outro site, mas o seu não fecha.

Para fazer com que todos os links do seu blog abram em uma nova página, sem ter que acrescentar target="_blank" em cada link, basta ir no código do seu template e entre as tags <head> e </head>, colocar este código:

<base target="blank"></base>